如何用字符串（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)：