react.fragment
图片描述
问题:1、react.fragment 是什么?
2、return 为什么没有括号?
1.return 的内容只能有一个根节点,需要一个包裹元素。一般我都会孤陋寡闻地用 div,fragment 的好处是聚合成一个子元素列表,且在 DOM 中不增加额外节点。可以直接简写成 <></>。
return<>
<Modal/>
<ConfirmModal/>
</>
react16 开始,render 支持返回数组,可以减少不必要的节点嵌套。上面的代码也可以写成这样:
return[
<Modal/>
<ConfirmModal/>
]