问题来源：

实际项目当中用到富文本编辑器来创建一个富文本，保存富文本内容时，上传给服务器的内容为一个字符串，例如：

<p>  我前面有两个空格</p>

当预览富文本时，获取后端返回的数据也正是如上的字符串，我使用如下的方式，this.state.content就是我要展示的字符串，此时出现的问题是：空格没有展示出相应的效果（多个空格只展示一个）。

<div dangerouslySetInnerHTML={{__html:this.state.content }}>

</div>

解决方案：

使用CSS white-space 属性，来保留空格。

<div dangerouslySetInnerHTML={{__html:this.state.content }} style={{whiteSpace:"pre-wrap"}} >

</div>

其他属性值：