ReactFragment

react.fragment

图片描述

问题：1、react.fragment是什么？
2、return为什么没有括号？

1.return的内容只能有一个根节点，需要一个包裹元素。一般我都会孤陋寡闻地用div，fragment的好处是聚合成一个子元素列表，且在DOM中不增加额外节点。可以直接简写成<></>。
return<>
<Modal/>
<ConfirmModal/>
</>

react16开始，render支持返回数组，可以减少不必要的节点嵌套。上面的代码也可以写成这样：
return[
<Modal/>
<ConfirmModal/>
]