reactjs - 为什么 ReactJS 渲染的 HTML 充满了空白？

Question

如果我在 ReactJS 组件中有一个 render 方法，如下所示:

render: function() {
  return <div>
    <span>some text here</span>
  </div>;
}

它最终会在内部渲染一些额外的跨度。我怎样才能摆脱这些？

Answer 1

似乎某些 block 之间的任何空格都会导致此问题。例如:

<div> {foo} </div>

将被渲染为:

<div><span/>{foo}<span/></div>

使用括号来包装它们没有帮助，可能是因为在我从父组件调用的某个地方我没有使用它们。