react渲染html标签的示例

这篇文章将为大家详细讲解有关react渲染html标签的示例，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

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

方法介绍：

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

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

其他方式推荐：

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

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

关于react渲染html标签的示例就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。