react怎么渲染html标签

react渲染html标签的方法：可以使用dangerousSetInnerHTML属性来进行渲染，如【<div dangerousSetInnerHTML={{__html: textCotent}}></div>】。

环境：

本文适用于所有品牌的电脑。

（学习视频分享：react视频教程）

方法介绍：

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

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

其他方式推荐：

function createMarkup() {
  return {__html: 'First     Second'};
}

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

相关推荐：js教程

以上就是react怎么渲染html标签的详细内容，更多请关注www.gxlsystem.com其它相关文章！