{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' )}
react三元表达式通过状态输出标签
2023-07-17
54
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
react三元表达式通过状态输出标签
目录
相关文章
|
2月前
|
前端开发
UED
开发者
|
2月前
|
前端开发
|
2月前
|
前端开发
JavaScript
安全
|
2月前
|
前端开发
JavaScript
安全
react 如何return script 标签和内容
在React中，你不能直接返回一个`<script>`标签，因为React会尝试解析并渲染所有的子节点，而`<script>`标签的内容通常会被视为JavaScript代码，而不是要渲染的文本。
但是，如果你只是想在React组件中嵌入一些JavaScript代码，你可以使用`dangerouslySetInnerHTML`属性。这个属性允许你插入原始的HTML内容，但是它非常危险，因为它会执行其中的任何JavaScript代码。因此，只有在你完全信任该内容，并且知道它是安全的情况下，才应该使用这个属性。
以下是一个示例，它创建了一个包含JavaScript代码的`<script>`标签：
78
0
0
|
11月前
|
前端开发
react是否支持给标签设置自定义的属性，比如给video标签设置webkit-playsinline？
react是否支持给标签设置自定义的属性，比如给video标签设置webkit-playsinline？
127
0
0
|
11月前
|
前端开发
JavaScript
|
前端开发
|
前端开发
数据格式
|
XML
前端开发
JavaScript
|
前端开发
热门文章
最新文章
1
实战：使用 React 实现渐进式加载图片
2
React 框架和Webpack
3
《React Native移动开发实战》一一第3章 React Native的组件（1）
4
React之配置组件的 props（两个实例）
5
(转) 谈一谈创建React Component的几种方式
6
React安装 环境搭建
7
【笔记】react 图片预览组件—— react-zmage（放大、旋转）
8
如何优雅地在 React 中使用TypeScript，看这一篇就够了！（2）
9
react事件浅谈
10
react-11-父子组件通信-调试工具
1
【React】React原理面试题集锦
68
2
发现了一款宝藏学习项目，包含了Web全栈的知识体系，JS、Vue、React知识就靠它了！
49
3
【React】Hooks面试题集锦
95
4
react保姆级搭建新项目
59
5
使用React、TypeScript和Ant Design构建现代化前端应用
72
6
使用React、Redux和Bootstrap构建社交媒体应用
30
7
深入探究React：前端开发的利器
36
8
【前端】深入了解React JSX语法及实例应用
29
9
利用React Hooks优化前端状态管理
50
10
目前最流行的一些前端框架：React、Angular、Vue.js和jQuery
218