React中代码片段的使用

React中经常会出现返回一个或或者多个元素,但是我们在使用时并不想在增加额外的DOM节点，那么我们可以使用React提供的Fragments(代码片段)。
Fragments有三种使用方法：
一、React.Fragment

<React.Fragment>
  <ChildA />
  <ChildB />
  <ChildC />
</React.Fragment>

二、Fragment

import  React,{Fragment} from "react"
  ...
<Fragment>
  <ChildA />
  <ChildB />
  <ChildC />
</Fragment>

三、语法糖<></>

<>
 <ChildA />
 <ChildB />
 <ChildC />
</>

最后一种<></>更简洁,但是如果你需要一个带 key 的片段，你只能使用 <React.Fragment /> 或者<Fragment/>。