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

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

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

 

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

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

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

 

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

 

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

转载于:https://www.cnblogs.com/aredleave/p/7586910.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值