16.为什么 Fragment 相比额外包一层 div 更优？
在 React 里，只要你写过几行组件，很容易掉进一个老毛病：“反正组件要有一个根节点，那我就随手包一层<div>吧。”
一开始看不出问题，但项目一大，你会发现：
DOM 结构被一堆没意义的
<div>撑得又深又杂布局、样式经常被这层“多出来的容器”搞得莫名其妙
性能上，浏览器也要为这堆多余节点付出成本
这时候，Fragment就登场了。它做的事很简单：
让你可以返回多个子元素， 又不在真实 DOM 里多塞任何一个标签。
在 React 里，只要你写过几行组件，很容易掉进一个老毛病：“反正组件要有一个根节点，那我就随手包一层<div>吧。”
一开始看不出问题，但项目一大，你会发现：
DOM 结构被一堆没意义的<div>撑得又深又杂
布局、样式经常被这层“多出来的容器”搞得莫名其妙
性能上，浏览器也要为这堆多余节点付出成本
这时候，Fragment就登场了。它做的事很简单：
让你可以返回多个子元素， 又不在真实 DOM 里多塞任何一个标签。