美文网首页
react属性dangerouslySetInnerHTML

react属性dangerouslySetInnerHTML

作者: 雨落倾城夏微凉_e861 | 来源:发表于2020-07-14 15:41 被阅读0次

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

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

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

    这个属性就是:dangerouslySetInnerHTML

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

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

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

    相关文章

      网友评论

          本文标题:react属性dangerouslySetInnerHTML

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