javascript - .map() 在创建标签的函数中出现问题，React

Question

我做了一个函数来通过.map创建标签。但它会引发错误“警告：函数作为 React 子级无效。如果您返回组件而不是从渲染中返回，则可能会发生这种情况。或者您可能打算调用此函数而不是返回它。”

我的代码：

let options=()=>{props.teamDate.map((e,i)=>
    <option key={i} value={e.phone} name={e.Name}>e.Name</option>
)};
return (
    <section>
       <select>
          {options}
        </select>
    </section>
);

来自 teamDate 的样本数据：

[{
        id: 1,
        Name: "text ",
        SecondName: "text",
        Phone: "text",
        Mail: "text",
    },{
        id: 2,
        Name: "text ",
        SecondName: "text",
        Phone: "text",
        Mail: "text",
    }
  ]

标签： javascriptreactjs

Answer 1

将您的选项函数更改为对象：

let options=data.map((e,i)=>
    <option key={i} value={e.phone} name={e.Name}>e.Name</option>
);

这是您可以将您的选项称为：

{options}

检查小吃：https ://snack.expo.io/@saadqbal/f3e4cd