React.Fragment

react.fragment

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

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

return<>
<Modal/>
<ConfirmModal/>
</>

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

return[
<Modal/>
<ConfirmModal/>
]

2.为什么return加括号？

p2:

因为在JS中，每个代码换行编译时都会在末尾加上;，没有括号就会变成P2。所以括号的作用是告诉JS这是一个代码块不需要加分号。把代码写成以下两种格式，return的括号不是必须的，括号只起到增加代码可读性的作用。