react中<br/>不换行、多个&nbsp;只显示一个空格的问题 dangerouslySetInnerHTML

项目中突然来个一个临时需求，第二天急用，很多模块都要改，当时已经晚上10点了。。。汗！

因为不想再调前端框架，只能想了个小办法来解决：

 

让后台返回的数据中，加入若干个&nbsp;，请求成功后直接在填充到页面，实现左右间距的效果；

发现：并没有什么用，不管多少个&nbsp;，直接被当成了一个。。。很急，我们各种查资料，终于找到了办法：

处理：react中<br/>不换行、多个&nbsp;只显示一个空格的问题：给标签设置：dangerouslySetInnerHTML属性；

 

加上dangerouslySetInnerHTML={{ __html: d.areaName}}

 

<span dangerouslySetInnerHTML={{ __html: d.areaName}} /><span>