Rumah > hujung hadapan web > tutorial js > Mengapakah Berbilang Tag JSX Perlu Dibalut? : Membungkus Ke dalam Tag atau Serpihan Lain

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

Susan Sarandon
Lepaskan: 2024-12-03 01:22:11
asal
716 orang telah melayarinya

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 :

Why Do Multiple JSX Tags Need To Be Wrapped? : Wrapping Into Another Tag or Fragment

Apabila kod ini disusun ia bertukar menjadi seperti berikut :

Why Do Multiple JSX Tags Need To Be Wrapped? : Wrapping Into Another Tag or Fragment

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 :

Why Do Multiple JSX Tags Need To Be Wrapped? : Wrapping Into Another Tag or Fragment

2. Penggunaan Serpihan

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

Contoh :

Why Do Multiple JSX Tags Need To Be Wrapped? : Wrapping Into Another Tag or Fragment


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!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan