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的括號不是必須的，括號只起到增長代碼可讀性的做用。