react顶层API----Fragments

React.Fragment

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

React v16.2.0: Improved Support for Fragments

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

 

也可以使用其简写语法 <></>

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

 

babel对简写写法需要babel的版本支持： 7.9.0

babel

 

react： https://zh-hans.reactjs.org/docs/react-api.html#reactfragment
babel：https://babeljs.io/docs/en/babel-preset-react