简述对React中Fragment的理解，它的使用场景是什么？
在 React 中，每个组件必须返回一个包裹元素，这是因为 JSX 编译后的 React.createElement 调用需要一个类型（tag）参数。但是，有时候我们并不需要一个实际的 DOM 元素来为组件的返回内容提供额外的包裹层。这种情况下，React 提供了一个特殊的组件：Fragment，它可以让我们返回多个元素而不需要额外的父元素。
使用 React.Fragment 的好处是它不会在 DOM 中创建额外的节点，这对于某些 CSS 样式（如 Flexbox 和 CSS Grid）以及一些 HTML 结构（如 表格）来说是非常有用的。
举个例子，假设我们有一个组件需要返回两个并列的 div 元素，如果我们不使用 Fragment，那么我们就需要一个额外的 div 来包裹它们：
class Example extends React.Component {
render() {
return (
<div> {/* 额外的 div 包裹 */}
<div>First div</div>
<div>Second div</div>
</div>
);
}
}
但是，使用 Fragment，我们就可以避免这个额外的包裹 div：
class Example extends React.Component {
render() {
return (
<React.Fragment>
<div>First div</div>
<div>Second div</div>
</React.Fragment>
);
}
}
或者使用简写语法：
class Example extends React.Component {
render() {
return (
<>
<div>First div</div>
<div>Second div</div>
</>
);
}
}
这样，我们就可以在不添加额外的 DOM 节点的情况下返回多个元素。