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

2019-05-06184次阅读React

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

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

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


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

上一篇: JavaScript数组扁平化  下一篇: Webpack4中的Entry入口、output输出  

React.Fragment减少不必要嵌套的组件相关文章