為什麼多個JSX標籤需要包裝？ ：包裝到另一個標籤或片段中

為什麼需要包裹多個JSX標籤？

JSX 是 JavaScript 的語法擴充。您可以在 JavaScript 檔案中編寫 HTML 格式。

使用 JSX 時，您知道當您想要使用多個標籤時，這些標籤必須位於 wrapper 中。在這篇文章中，我將解釋這種必要性的原因。

---

JSX 是用 JavaScript 程式碼編寫的，並透過 Babel 等工具編譯為“JavaScript”，以使其能夠被瀏覽器理解。

現在讓我們為 React.js 寫一個範例

JSX :

當此程式碼

編譯時，它會變成以下內容：

當這段程式碼

編譯時，透過檢查編譯後的程式碼，您可以了解到React.createElement函數應該只傳回一個根元素 .

---

現在您知道為什麼當您在使用

JSX 時想要使用多個標籤時，這些標籤必須位於 wrapper 中。那我們用什麼來包裝呢？ 來解釋一下。

1. 用 HTML 標籤包裹

您可以使用

div 標籤或使用任何其他標籤。但一般使用 div 標籤。

範例：

2. 片段使用

這個空標籤稱為

Fragment ( > )。片段可讓您將內容分組，而不會在瀏覽器中留下任何痕跡HTML 樹。

範例：

---

結論

現在您知道為什麼當您在使用

JSX 時想要使用多個標籤時，這些標籤必須位於 wrapper 中。

以上是為什麼多個JSX標籤需要包裝？ ：包裝到另一個標籤或片段中的詳細內容。更多資訊請關注PHP中文網其他相關文章！