---

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 節點。