react怎么渲染html标签


当前第2页 返回上一页

如果从后端获取到一端HTML标签的字符串内容(textContent)需要以标签的形式渲染,那么我们可以使用 dangerousSetInnerHTML这个属性,但是使用这个属性之后就会存在xss攻击的风险:

1

<div dangerousSetInnerHTML={{__html: textCotent}}></div>

其他方式推荐:

1

2

3

4

5

6

7

function createMarkup() {

  return {__html: 'First &nbsp;&nbsp;&nbsp; Second'};

}

 

function MyComponent() {

  return <div dangerouslySetInnerHTML={createMarkup()}></div>;

}

相关推荐:js教程

以上就是react怎么渲染html标签的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

浅谈html空链接的作用

html area图片热点如何使用

html标题,段落,换行,水平线,特殊字符应该如何使用

React中元素和组件的区别是什么

html设置背景图片的代码是什么

html学习之html列表介绍(代码实例)

html与css中2d转换模块

html几种特别分割线特效

html title乱码怎么办

html的<keygen> 标签

更多相关阅读请进入《React》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...