ReactFragment

39次阅读

共计 265 个字符,预计需要花费 1 分钟才能阅读完成。

react.fragment

图片描述

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

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

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

正文完
 0