您可以不使用 HTML 实体，而是使用 引用 (U+00A0 NON-BREAKING SPACE)的 Unicode 字符：

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

我知道这是一个老问题，这并不能完全满足您的要求，但不是编辑字符串，而是使用 CSSwhite-space: nowrap属性更好地解决您想要实现的问题：

在 HTML 中：

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

在react：

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

如果要显示漂亮的 xml：

var str = "<test>\n\t\t<value>1</value>\n</test>\n".replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\t/g, "\u00a0").replace(/\n/g, '<br/>');
return (
    <div dangerouslySetInnerHTML={{__html: str}} ></div>
)

好吧，在这里打字而不消失是非常困难的，所以我添加了一点空白，以便每个人都能看到它。如果您从此标签中删除空格 < /> ，那么您将能够在 React 中使用不间断空格。

React 将这个 JSX 标签转换成一个不间断的空间。奇怪的怪癖：这也必须与要空格的文本在同一行上使用。此外，带有此标签的不间断空格不会在 React 中堆叠。