美文网首页
react中dangerouslySetInnerHTML使用

react中dangerouslySetInnerHTML使用

作者: 家有饿犬和聋猫 | 来源:发表于2019-10-31 09:39 被阅读0次

在react中,经过富文本操作编辑后的文本会带有html标签,不能正确显示格式,需要经过转化

在显示时,将内容放入_html:后
没有经过转化的文本标签 content ='<p><span>青蛙王子润唇膏</span>儿童滋润</p>'

        <div dangerouslySetInnerHTML = {{ __html: content}} />

转化之后 青蛙王子润唇膏儿童滋润

1 dangerouslySetInnerHTML 是react的一个属性,可以直接使用
2 有两个{{}},第一个表示jsx语法,第二个表示一个键值对
3 dangerouslySetInnerHTML可以插入Dom,也可以插入字符串

相关文章

网友评论

      本文标题:react中dangerouslySetInnerHTML使用

      本文链接:https://www.haomeiwen.com/subject/biezvctx.html