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的值即可。

上一篇下一篇

猜你喜欢

热点阅读