具有不间断空格的呈现字符串

I have some props that has a string that could contain characters such as &. It also contains spaces. I want to replace all spaces with  .

我有一些带有字符串的道具，可以包含&之类的字符。它还包含空格。我想把所有的空格都换成空格。

Is there an easy way I can do this? Bear in mind that I cannot just render using this syntax:

有简单的方法吗?请记住，我不能仅仅使用这种语法进行渲染:

<div dangerouslySetInnerHTML={{__html: myValue}} />

because I would first have to replace any HTML entities with their markup. I don't want to have to do this, it seems too low level.

因为我首先必须用它们的标记替换任何HTML实体。我不想这么做，看起来太低了。

Is there a way I can do this?

有办法吗?

4 个解决方案

157

Instead of using the   HTML entity, you can simply use the Unicode non-breaking space character:

而不是使用HTML实体，只需使用Unicode不间断空格字符:

<div>{myValue.replace(/ /g, "\u00a0")}</div>