Mengapakah Berbilang Tag JSX Perlu Dibalut? : Membungkus Ke dalam Tag atau Serpihan Lain

Mengapakah berbilang teg JSX perlu dibalut?

JSX ialah sambungan sintaks untuk JavaScript. Anda boleh menulis pemformatan HTML di dalam fail JavaScript.

Apabila menggunakan JSX, anda tahu bahawa apabila anda ingin menggunakan lebih daripada satu teg, teg ini mesti berada dalam pembungkus. Dalam artikel ini, saya akan menerangkan sebab-sebab keperluan ini.

---

JSX ditulis dalam kod JavaScript dan disusun "kepada JavaScript" oleh alatan seperti Babel untuk menjadikannya mudah difahami oleh penyemak imbas.

Sekarang mari tulis contoh JSX untuk React.js :

Apabila kod ini disusun ia bertukar menjadi seperti berikut :

Apabila kod ini disusun, anda boleh memahami bahawa fungsi React.createElement harus mengembalikan hanya satu elemen akar dengan memeriksa kod yang disusun .

---

Sekarang anda tahu mengapa apabila anda ingin menggunakan berbilang teg apabila menggunakan JSX, teg tersebut mesti berada dalam pembungkus. Jadi apa yang kita gunakan untuk pembalut?
Mari jelaskan.

1. Membungkus dengan Tag HTML

Anda boleh menggunakan teg div atau menggunakan mana-mana teg lain. Tetapi tag div biasanya digunakan.

Contoh :

2. Penggunaan Serpihan

Teg kosong ini dipanggil Fragmen ( <> ). Serpihan membenarkan anda mengumpulkan perkara tanpa meninggalkan sebarang kesan dalam penyemak imbas pokok HTML.

Contoh :

---

Kesimpulan

Sekarang anda tahu mengapa apabila anda ingin menggunakan berbilang teg apabila menggunakan JSX, teg tersebut mesti berada dalam pembungkus.

Atas ialah kandungan terperinci Mengapakah Berbilang Tag JSX Perlu Dibalut? : Membungkus Ke dalam Tag atau Serpihan Lain. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!