react中dangerouslySetInnerHTML的用法

简介：

        dangerouslySetInnerHTML相当于react中的一个属性，相当于vue中的v-html和angular中的ng-bind，它可以直接去直接渲染富文本。

使用方法：

<span dangerouslySetInnerHTML={{ __html: value }} ></span>

上面这种用发是后端返回的数据中会出现一些富文本标签，可以用双括号将内容写进__html即可

如果是自己想写一些固定的内容，那就可以用以下方法：

<div dangerouslySetInnerHTML={{ __html: '<h1>标题</h1>'}} ></div>

其实就相当于vue当中的v-html，也可以用它来做一些关键词的高亮，里面的__html对象可以写入DOM也可以写入字符串，有时候也可以使用innerHTML ，但是这种方法可能会受到XSS攻击，而用dangerouslySetInnerHTML的这种设计的就不会。