react属性dangerouslySetInnerHTML
2020-07-14 本文已影响0人
雨落倾城夏微凉_e861
很多问题都是在项目中积累的,比如最近做的react项目有个需求要将后台返回的字符串(字符串中可能包含<a>标签的链接)。对于正常的字符串我们都知道怎么处理,但是加上html标签就不能直接展示了。
因为之前没遇到过,所以也就没注意过这样的问题,在vue中有v-html可以轻松的插入。
在react中也提供了一个属性可以帮我们将dom字符串转化为dom节点,
这个属性就是:dangerouslySetInnerHTML
接收一个对象具体用法如下:
<div dangerouslySetInnerHTML={{__html: '<a href="">跳转</a>'}}></div>
若是动态数据直接替换__html的值即可。