react笔记_12Fragment组件

jsx语法中规定 创建虚拟dom时，跟标签有且仅有一个;

但是有的时候我们不想最外层包裹标签，或者是其他地方必须包裹标签但是这样会造成添加多余的dom

此时就可以使用Fragment 组件，React在渲染时会自动将 FragMent组件给清除掉，类似vue中的 template标签

语法

import { Fragment } from 'react'

<Fragment>
  <!-- 其他标签 -->
</Fragment>

存在key属性 用于遍历时添加key值！

空标签
其实不使用Fragment组件，使用空标签，在渲染时，react也会将其移除掉

<>
  <div>111</div>
</>

上述代码在渲染时只有一个div元素，但是呢空标签 不适用于遍历元素。

总结
所以在不需要dom元素，但是又由于某些语法要求时，我们就可以使用空标签或Fragment组件。