Reactjs 不间断的反应空间？

我需要分隔一些数据，以便在单元名称后有一个空格。在数据调用后添加空格的正确方法是什么

因为我是新手，所以我尝试添加您的基本

，但没有结果

例如：

<span>{unit.name}&nbsp;</span>

及

{unit.name}{''}

{unit.name}

您可以只写一个文本空间。

{unit.name}

---

您可以只写一个文本空间。

如果它是一个长文本，您可以这样做：

<span style={{whiteSpace: 'nowrap'}}>Long line with no breaks</span>

没有中断的长线

如果是长文本，您可以使用以下内容：

<span style={{whiteSpace: 'nowrap'}}>Long line with no breaks</span>

没有中断的长线

这是用来备份@Joss Classey答案的沙箱这里是用来备份@Joss Classey答案的沙箱可能重复的

<span>{unit.name} </span>

<span style={{whiteSpace: 'nowrap'}}>Long line with no breaks</span>