时间戳

首页 > 解决方案 > 如何用字符串（ReactJS）替换空格并在 HTML 中呈现？

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

问题描述

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

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

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

我将衷心感谢您的帮助。

标签： javascripthtmlreactjsstringnext.js

解决方案

你可以这样做：

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

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

&nbsp;您可以使用&nbsp;引用 (U+00A0)的 Unicode 字符来代替使用：

推荐阅读