react中不换行、多个只显示一个空格的问题 dangerouslySetInnerHTML

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

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

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

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

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

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

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