React.Fragment

react.fragment

问题：一、react.fragment是什么？
二、return为何没有括号？

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

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

react16开始，render支持返回数组，能够减小没必要要的节点嵌套。上面的代码也能够写成这样：

return[
<Modal/>
<ConfirmModal/>
]

2.为何return加括号？

p2:

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