ReactJS渲染字符串与不间断空格?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (115)

我有一些可以包含&的字符的props。它也包含空格。我想用 替换所有空格

有没有一种简单的方法可以做到这一点?请记住,我不能仅使用此语法进行渲染:

<div dangerouslySetInnerHTML={{__html: myValue}} />
提问于
用户回答回答于

使用Unicode

<div>{myValue.replace(/ /g, "\u00a0")}</div>
用户回答回答于

white-space: nowrap属性:

在html中:

<div style="white-space: nowrap">This won't break lines</div>

在eact:

<div style={{ whiteSpace: 'nowrap' }}>{myValue}</div>

扫码关注云+社区

领取腾讯云代金券