React —— Fragment与空标签<></>

1 . 空标签 <></>

<> 用在react中，其实算是 标签的一个语法糖表示一个Dom片段, 它可以在一个内存里面创建一个Dom节点 但是并不在Dom模板上渲染，进而提升性能！

• 它允许我们对元素列表进行分组，而无需将它们包装到新节点中。

2 . ## Fragment 标签

React 中一个常见模式是为一个组件返回多个元素。Fragments 可以让你聚合一个子元素列表，并且不在DOM中增加额外节点。

• `Fragment`标签可以在语法上需要标签、但目标结构中不需要标签的地方使用。真实Dom树不会生成该标签；
• key 是唯一可以传递给 Fragment 的属性。在将来，可能会增加额外的属性支持，比如事件处理。

例如：

{
  str.split('\\n').map((item, index) => {
    return (
      <Fragment key={index}>
        {item}
        <br />
      </Fragment>
    )
  })
}

3 . 区别：

它们之间唯一的区别是简写版本不支持 key 属性。