react中dangerouslySetInnerHTML使用

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

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

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容