Nilai Props Bawaan
Tetapkan nilai cadangan untuk props ketika komponen induk tidak menyediakannya.
Nilai Props Bawaan adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 3 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 Nilai Bawaan
Nilai bawaan membuat komponen dapat digunakan tanpa setiap pemakai harus meneruskan semua properti. Nilai tersebut menentukan perilaku pengganti.
Nilai Bawaan Sebaris
Tetapkan nilai saat mendeklarasikan properti.
export let label = "Click me";Nilai Bawaan Fungsi
Nilai bawaan dapat berupa ekspresi atau literal fungsi.
export let onClick = () => {};Nilai Bawaan Objek
Gunakan literal objek untuk nilai bawaan yang kompleks.
export let options = { color: "blue", size: "md" };Waspadai Referensi Bersama
Literal objek bawaan dievaluasi untuk setiap instans, sehingga setiap komponen mendapatkan objeknya sendiri. Objek tersebut aman untuk diubah.
Ganti di Komponen Induk
Ketika komponen induk memberikan nilai, nilai tersebut menggantikan nilai bawaan untuk instans itu.
<Button label="Save" />Mendeteksi Properti Wajib
Tanpa nilai bawaan, properti secara konsep bersifat wajib. TypeScript dapat menegakkannya dengan petunjuk required.
null dan undefined
Meneruskan undefined sebagai nilai menyebabkan nilai bawaan diterapkan; meneruskan null tidak demikian.
Menyusun Nilai Bawaan
Susun nilai bawaan dari properti lain dengan deklarasi reaktif.
export let title = "";
export let subtitle;
$: effectiveSubtitle = subtitle ?? title;Dokumentasi
Dokumentasikan nilai bawaan dalam komentar JSDoc agar keterangan alat IDE dapat menampilkannya.
/** @param {string} label */Nilai Bawaan Stabil
Hindari nilai bawaan yang berubah di antara perenderan. Nilai bawaan yang stabil mengurangi perenderan ulang dan perilaku yang tidak terduga.
Pemeriksaan Singkat
Bagaimana cara menetapkan nilai bawaan properti?
Ringkasan
Berikan nilai bawaan dengan penetapan biasa. Nilai tersebut membuat komponen mandiri dan memperjelas properti mana yang bersifat opsional.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Nilai Props Bawaan” gratis?
Ya — teks lengkap “Nilai Props Bawaan” 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 “Nilai Props Bawaan”?
Tetapkan nilai cadangan untuk props ketika komponen induk tidak menyediakannya. 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 3 dari 4.
Berapa lama pelajaran “Nilai Props Bawaan” 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