react三元表达式通过状态输出标签

最新推荐文章于 2023-03-22 17:48:47 发布

哥很冷漠

最新推荐文章于 2023-03-22 17:48:47 发布

阅读量601

点赞数 1

文章标签： javascript java 开发语言

本文链接：https://blog.csdn.net/qq_63608386/article/details/126220812

版权

该博客内容展示了根据item.type动态渲染UI组件的过程，包括Select、Input、InputNumber及Radio等元素。通过map函数遍历数据，为不同类型的item生成对应的HTML标签。

摘要由CSDN通过智能技术生成

{item.type == 'select' ? (
<Select>
{many.map((items, index) => {
return <Option value={items.value}>{items.label}</Option>;
})}
</Select>
) : item.type == 'input' ? (
<Input />
) : item.type == 'inputNumber' ? (
<Input type="number" />
) : item.type == 'radio' ? (
<Checkbox />
) : (
'1'
)}