React.Fragment减少不必要嵌套的组件

React v16.2.0开始提供了用于减少不必要嵌套的组件React.Fragment,<></>是它的简写语法。

React.Fragment 组件能够在不额外创建 DOM 元素的情况下，让 render() 方法中返回多个元素。

render() {
  return (
    <React.Fragment>
      Some text.
      <h2>A heading</h2>
    </React.Fragment>
  );
}

你也可以使用其简写语法 <></>。欲了解更多如何突破JSX标签包裹的这种限制，请看这里。