1. <></> 是什么？
<></> 是 React 的Fragment（片段）语法糖，等价于 <React.Fragment></React.Fragment>。
2. 它的作用
主要作用：
允许你在组件里返回多个元素，而不需要额外增加一个 DOM 节点。
3. 举例说明
没有 Fragment 的写法（会报错）
function Demo() {return (<div>1</div><div>2</div>); // ❌ 这样写会报错，因为 return 只能有一个根节点
}
用 div 包裹（会多出无意义的 div）
function Demo() {return (<div><div>1</div><div>2</div></div>);
}
这样会多一个无意义的 div，可能影响样式和布局。
用 Fragment
function Demo() {return (<><div>1</div><div>2</div></>);
}
这样不会生成额外的 DOM 节点，渲染出来只有两个 div。
4. 小结
<></>允许你返回多个元素，但页面不会多出多余的 DOM。- 等价于
<React.Fragment></React.Fragment>，只是更简洁。 - 推荐在需要“返回多个兄弟元素，但又不想多包一层”的时候用。
一句话总结：
<></> 是 React 的“空标签”，让你可以返回多个元素而不增加多余的 HTML 节点。
