Meneruskan Props dengan $$props dan $$restProps
Teruskan semua props atau props yang tersisa ke elemen atau komponen bagian dalam.
Meneruskan Props dengan $$props dan $$restProps adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 4 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Sveltejs Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Mengapa Meneruskan Properti
Komponen pembungkus sering perlu meneruskan semua properti yang diterima ke elemen bagian dalam. Penerusan menghindarkan Anda dari mencantumkan setiap atribut.
Objek $$props
Di dalam komponen, $$props adalah objek yang berisi setiap properti yang diteruskan ke komponen.
<script>
// $$props is auto-injected
</script>
<input {...$$props} />Menyertakan Properti Tidak Dikenal
Bahkan properti yang tidak dideklarasikan komponen dengan export let tetap ada di $$props.
Objek $$restProps
$$restProps mengecualikan properti yang Anda deklarasikan secara eksplisit dengan export let. Ini berguna untuk meneruskan hanya properti tambahan.
<script>
export let label;
</script>
<input {...$$restProps} />Pola Umum
Deklarasikan properti yang Anda perlukan; teruskan sisanya ke elemen yang dibungkus.
<script>
export let label;
export let helpText;
</script>
<label>{label}</label>
<input {...$$restProps} />Jebakan: Urutan Penting
Sebarkan terlebih dahulu, lalu timpa dengan atribut tertentu jika diperlukan.
<input {...$$restProps} type="email" />Penerusan Atribut class
Teruskan atribut class melalui $$restProps agar tema dapat diubah dengan fleksibel.
Penerusan Atribut style
Atribut style dan semua atribut data-* juga diteruskan secara alami.
Penangan Peristiwa
Pemantau peristiwa yang diteruskan komponen induk berada di $$props sebagai fungsi. Penyebaran juga meneruskannya.
Batasan Reaktivitas
$$props dan $$restProps sedikit kurang efisien daripada properti yang dideklarasikan karena Svelte tidak dapat melacaknya secara statis.
Catatan tentang TypeScript
Kedua objek tersebut secara bawaan memiliki tipe yang longgar. Lakukan konversi tipe atau perluas tipenya dalam TS untuk penerusan yang aman secara tipe.
Pemeriksaan Singkat
Apa itu $$restProps?
Ringkasan
Teruskan properti dengan $$props (semua properti) atau $$restProps (hanya properti tambahan) menggunakan penyebaran pada elemen bagian dalam.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Meneruskan Props dengan $$props dan $$restProps” gratis?
Ya — teks lengkap “Meneruskan Props dengan $$props dan $$restProps” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Sveltejs Academy, upgrade ke CoddyKit PRO. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Meneruskan Props dengan $$props dan $$restProps”?
Teruskan semua props atau props yang tersisa ke elemen atau komponen bagian dalam. Kamu berlatih Sveltejs Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Sveltejs Academy?
Tidak diperlukan pengalaman sebelumnya. Sveltejs Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 4 dari 4.
Berapa lama pelajaran “Meneruskan Props dengan $$props dan $$restProps” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Sveltejs Academy ini?
Ya. Setiap pelajaran Sveltejs Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Mendeklarasikan Props dengan export let
- Meneruskan Props dari Komponen Induk
- Nilai Props Bawaan
- Meneruskan Props dengan $$props dan $$restProps