小编Ash*_*obo的帖子

我试图在页面加载后立即使用来自 API 调用的值填充我的选择下拉选项。目前，只有在触摸并取消选择选择字段后才会生成选项。页面加载时，选项不会被填充并且为空。我看过其他类似的问题，建议使用 React-select 包，但我正在寻找一种方法来仅使用 React 来做到这一点，但我没有找到解决方案。请告知我如何实现这一目标或在哪里可以获得帮助。我在下面附上了我的代码。亲切的问候。

import { Form } from "react-bootstrap";
import { Field, ErrorMessage } from "formik";
import axios from "axios";

function CompanySelect(props) {
  const [options, setOptions] = useState([]);

  useEffect(() => {
    const opt = [
      {
        key: "Select a company",
        value: "",
      },
    ];

    (async () => {
      const { data } = await axios.get("http://localhost:5000/api/company/");
      data.forEach((value) => {
        opt.push({
          key: value.name,
          value: value.id,
        });
      });
    })();

    setOptions(opt);
  }, []);

  const { label, name, ...rest } = …