React将我的文本变成了许多<span>＆s; s？

Question

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

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

当我查看dom时，所有文本都被拆分为单独的<span />，即使是括号。结果如下：

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

如何让所有文字成为一个<span />并在dom中消除这种污染？

Answer 1

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

如果您想避免额外的跨度，请使用当前版本的React。你现在已经落后了15个主要版本。