关于React渲染html字符串的处理

背景：有些时候我们用Textarea输入内容并提交后，想在回显的时候按照当时输入的格式回显（换行，空格等等）

但是，react 项目是 JSX 语法，JSX 防注入攻击使得大括号里的html代码全部变成字符串进行渲染，无法按照你想象的样子回显

网上解决方法：

<div dangerouslySetInnerHTML = {{__html:接口返回的值（包括html代码）}} ></div>

经过测试这样子也不行，还是要在整个div外边加上<pre></pre>标签的，如下：

<pre><div dangerouslySetInnerHTML = {{__html:接口返回的值（包括html代码）}} ></div></pre>

解释：
（1）dangerouslySetInnerHTMl 是React标签的一个属性
（2）第一{}代表jsx语法开始，第二个是代表dangerouslySetInnerHTML接收的是一个对象键值对
（3）可以插入DOM，也可以插入字符串