function createMarkup() { return {__html: 'First &nbsp;&nbsp;&nbsp; Second'}; } function MyComponent() { return <div dangerouslySetInnerHTML={createMarkup()}></div>; }

相关推荐：js教程

以上就是react怎么渲染html标签的详细内容，更多请关注聚合云库其它相关文章！

方法介绍：

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

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

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

其他方式推荐：

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