在react开发的过程中有时我们需要展示一段富文本,react不能够直接解析富文本,需要他的一个属性dangerouslySetInnerHTML
<div dangerouslySetInnerHTML = {{_html:"<div>这里放的是html字符串</div>"}} />
![在这里插入图片描述](https://img-blog.csdnimg.cn/2021020216165157.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0ODg1Mzc0,size_16,color_FFFFFF,t_70)
原因是我们使用的格式不对。
这里比较坑的是_html是两个下划线。
<div dangerouslySetInnerHTML = {{ __html:"<div>这里放的是html字符串</div>" }} />