react属性dangerouslySetInnerHTML

很多问题都是在项目中积累的,比如最近做的react项目有个需求要将后台返回的字符串(字符串中可能包含<a>标签的链接)。对于正常的字符串我们都知道怎么处理,但是加上html标签就不能直接展示了。

因为之前没遇到过,所以也就没注意过这样的问题,在vue中有v-html可以轻松的插入。

在react中也提供了一个属性可以帮我们将dom字符串转化为dom节点,

这个属性就是:dangerouslySetInnerHTML

接收一个对象具体用法如下:

<div dangerouslySetInnerHTML={{__html: '<a href="">跳转</a>'}}></div>

若是动态数据直接替换__html的值即可。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容