时间戳

首页 > 解决方案 > 如何动态生成菜单选项使用 React.CreateElement() 从数组中生成这是手动生成选项的代码。无论如何从数组或json中动态填充选项返回 React.createElement("select", {}, React.createElement("option", {value: "A"}, "Option A"), React.createElement ("option", {value: "B"}, "Option B"), React.createElement("op

问题描述

标签： javascriptarraysreactjsreact-native

解决方案

我强烈推荐编译 JSX，你可以很容易地使用.map回调返回组件的地方：

const values = ['A', 'B', 'C'];
// ...
return (
  <select>
    {values.map(val => <option value={val}>{val}</option>)}
  </select>
);

如果你不能使用 JSX（尽管你真的应该处理任何严重的事情，因为它使语法更容易），你可以将结果传播到createElement。

return React.createElement("select", {},
  ...values.map(value => React.createElement("option", { value }, value))
);

推荐阅读