react怎么渲染html标签

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

本教程操作环境：windows10系统、react16版，该方法适用于所有品牌电脑。

（学习视频分享：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标签的详细内容，更多请关注其它相关文章！