如何用字符串（ReactJS）中的空格替换并在 HTML 中呈现？

Question

<div className="mt-2 font-sidebar capitalize">
  {item.title}
</div>

item.title可以是任何字符串（来自后端），例如“所有产品”、“最喜欢的”、“特色项目”等。

我想要一种用 替换item.title的空格的方法这样当在 HTML 中呈现时，它仍然有一个空格 - 这是针对特定用例的。

我将衷心感谢您的帮助。

Answer 1

你可以这样做：

{item.title.replaceAll(' ', '\u00a0')};

如果您确定只有 1 个空格，您可以使用replace() ，所以我建议使用replaceAll()

而不是使用  您可以使用 的 Unicode 字符  指 (U+00A0)：