如何使用React.CreateElement()从数组动态生成<select>的菜单选项
如何使用React.CreateElement()从数组动态生成<select>的菜单选项
提问于 2021-07-16 02:58:09
下面是手动生成选项的代码。有没有办法从数组或json动态填充选项？
return React.createElement("select", {},
React.createElement("option", {value: "A"}, "Option A"),
React.createElement("option", {value: "B"}, "Option B"),
React.createElement("option", {value: "C"}, "Option C")
);
}回答 2
Stack Overflow用户
回答已采纳
发布于 2021-07-16 03:00:49
我强烈建议编译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))
);Stack Overflow用户
发布于 2021-07-16 05:44:50
const values = ['A', 'B', 'C'];
// ...
return (
<select>
{values.map((val, i) => <option key={i} value={val}>{val}</option>)}
</select>
);别忘了添加关键道具，因为React会抱怨它
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68402885
复制相关文章
点击加载更多
相似问题
从<select>数组动态替换JavaScript上的选项
如何使用JavaScript动态插入PHP“生成”选项(html select)？
使用变量从select菜单获取选项值
dojo select set value不使用动态生成的选项
如何动态生成jQuery以使用C#填充<select>的选项
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
