找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 查看内容

react怎么渲染html标签

作者:模板之家 2020-11-26 12:11 80人关注

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

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

环境:

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

(学习视频分享:react视频教程)

方法介绍:

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

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

其他方式推荐:

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

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

相关推荐:js教程

以上就是react怎么渲染html标签的详细内容,更多请关注模板之家(www.mb5.com.cn)其它相关文章!


路过

雷人

握手

鲜花

鸡蛋
来自: 网络收集

全部回复(0)