Reactjs 什么反应会将我的文本变成大量<；span>'；s

我有一个使用React/JSX显示的字符串。我使用的是版本

0.14.7

这是字符串

renderValue(bus) {
    let busDisplay = `(${bus.busIdCode })`;
    return (
            <span>{`${bus.country} ${busDisplay}`}</span>
    )
}

renderValue（总线）{
让总线显示=`（${bus.busIdCode}）`；
返回(
{`${bus.country}${bussdisplay}`}
)
}

当我在dom中查看时，所有的文本都被分解成单独的

，甚至是括号。结果如下：

<div>
  <div>
  <span>
    <span>
      <span>Aruba</span>
      <span> (</span>
      <span>ABW001</span>
      <span>)</span>
    </span>
  </span>
</div>

阿鲁巴
(
ABW001
)

---

如何使所有文本成为单个

，并消除dom中的这种污染？

这里没有问题，这可能就是React用于渲染文本节点的方式。这一点都不重要，它只是一个一次性的DOM渲染工件。React的当前版本似乎以不同的方式呈现文本

---

如果要避免附加跨距，请使用当前版本的React。您目前落后于15个主要版本。

这里没有问题，这可能就是React用于渲染文本节点的方式。这一点都不重要，它只是一个一次性的DOM渲染工件。React的当前版本似乎以不同的方式呈现文本

---

如果要避免附加跨距，请使用当前版本的React。您目前落后于15个主要版本。

什么版本的React？此小提琴使用react 15不会创建跨距。这实际上会影响您的应用程序吗？上面的代码与呈现

html

之间没有任何区别。请查看react v15发行说明上的主要更改部分，特别是“不再有额外的s”，以便按照其他人的建议，您可能需要将React更新为版本15 React的哪个版本？此小提琴使用react 15不会创建跨距。这实际上会影响您的应用程序吗？上面的代码与呈现

html

之间没有任何区别。请查看react v15发行说明上的主要更改部分，特别是“不再有额外的s”，以便按照其他人的建议，您可能需要将React更新到版本15