Fragment标签可以在语法上需要标签、但目标结构中不需要标签的地方使用。真实DOM树不会生成该标签；

key 是唯一可以传递给 Fragment 的属性。在将来，可能会增加额外的属性支持，比如事件处理。

function Glossary(props) {
  return (
    <dl>
      {props.items.map(item => (
        // Without the `key`, React will fire a key warning
        <React.Fragment key={item.id}>
          <dt>{item.term}</dt>
          <dd>{item.description}</dd>
        </React.Fragment>
      ))}
    </dl>
  );
}

<></>空标签

<></>是 <React.Fragment></React.Fragment> 的语法糖，它主要用于不需要一个实体的父元素或者是根元素去包裹的情况，其次 React.Fragment 可以有个 key 属性

<> 工作原理与 React Fragment 类似，用在react中，表示一个DOM片段 它可以在一个内存里面创建一个DOM节点 但是并不在DOM模板上渲染，内存负载低，从而提升性能！