如何在react js的Form.Select中填充countryList数据

import React, { useState } from 'react';

function MyForm() {
  const [countryList, setCountryList] = useState([]);

  // 其他组件代码...

  return (
    <Form>
      <Form.Select options={countryList} />
    </Form>
  );
}

export default MyForm;

import React, { useState, useEffect } from 'react';

function MyForm() {
  const [countryList, setCountryList] = useState([]);

  useEffect(() => {
    // 在组件加载时获取countryList数据
    fetchCountryList();
  }, []);

  const fetchCountryList = () => {
    // 发起异步请求获取countryList数据
    // 这里可以使用任何你喜欢的方式，如fetch、axios等
    // 假设你已经获取到了countryList数据
    const fetchedCountryList = [
      { value: 'us', label: 'United States' },
      { value: 'ca', label: 'Canada' },
      { value: 'uk', label: 'United Kingdom' },
      // 其他国家...
    ];

    // 更新state中的countryList数据
    setCountryList(fetchedCountryList);
  };

  // 其他组件代码...

  return (
    <Form>
      <Form.Select options={countryList} />
    </Form>
  );
}

export default MyForm;