zl程序教程

您现在的位置是:首页 >  前端

当前栏目

react字符串转为dom标签,类似于Vue中的v-html

VueHTMLReact 字符串 标签 dom 类似 转为
2023-09-27 14:22:48 时间

dangerouslySetInnerHTML

直接在节点上使用这个属性即可;
他接受一个对象;

使用:

<div dangerouslySetInnerHTML={{ __html: value }} />

例子:

后端给我返回了数组嵌套对对象,对象中markedIp是拼接好的dom字符串

 {
                title: () => '比较IP',
                dataIndex: 'markedIp',
                width: "13%",
                key: 'markedIp',
                render:(value)=>{
                    console.log(value,'value')
                   return  <div dangerouslySetInnerHTML={{ __html: value }} />
                }
            },

在这里插入图片描述
页面结果:
在这里插入图片描述
所以这个样式的抉择权就在了后端。