<Form.Group controlId="phoneName">
  <Form.Label>Phone Names</Form.Label>
  <Form.Control
    as="select"
    name="phoneName"
    value={values.phoneName}
    onChange={handleChange}
    isInvalid={!!errors.phoneName && !!touched.phoneName}
  >
    {phones.map((item, index) => {
      return (
        <div key={index}>
          {item.phoneName.map((phone, index) => {
            return <option key={index}>{phone.name}</option>;
          })}{" "}
        </div>
      );
    })}
  </Form.Control>
  <Form.Control.Feedback type="invalid">
    {" "}
    {errors.phoneName}{" "}
  </Form.Control.Feedback>
</Form.Group>;

输出打印标签，下拉列表为空，但可以在inspect--〉elements--〉中看到结果，在html中，我选择了下拉列表并看到了结果，值来自GitHub另一个分支中的JSON，因此我使用API调用获取数据，它工作正常，所以我首先使用下拉菜单来获得项目电话，之后我想从名为phoneName的下拉菜单中选择以获得像Nokia这样的选项，三星等，但只有标签的东西不打印正确的值在表单控件

[
  {
    gadgets: "phone",
    phoneName: [
      { name: "nokia", phoneColor: "blue", memory: "enough" },
      { name: "samsung", phoneColor: "black", memory: "little" },
    ],
  },
  {
    gadgets: "ipad",
    phoneName: [
      { name: "apple", phoneColor: "white", memory: "high" },
      { name: "samsung-g", phoneColor: "black", memory: "low" },
    ],
  },
];