React 是如何将我的文本变成很多 <span> 的？

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 个主要版本。

React 是如何将我的文本变成很多 <span> 的？

What does React turn my text into lots of <span>'s?

jsx

reactjs