Mendeklarasikan Props dengan export let
Buka properti komponen agar dapat diakses komponen induk menggunakan kata kunci export.
Mendeklarasikan Props dengan export let adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 1 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.
Properti adalah Ekspor
Untuk mendeklarasikan properti, tulis export let name dalam skrip komponen. Kata kunci export membuatnya tersedia bagi komponen induk.
<script>
export let name;
</script>
<p>Hello {name}!</p>Beberapa Properti
Daftarkan sebanyak mungkin properti sesuai kebutuhan komponen Anda.
<script>
export let title;
export let count;
export let onClick;
</script>Properti Bertipe
Tambahkan tipe dengan TypeScript untuk keamanan dan dukungan editor.
<script lang="ts">
export let count: number;
export let label: string;
</script>Mengapa export
Kata kunci export dalam konteks skrip dipinjam dari modul ES, tetapi di Svelte berarti membuatnya tersedia bagi komponen induk.
Wajib vs Opsional
Properti tanpa nilai bawaan bersifat wajib. Berikan nilai bawaan agar properti tersebut menjadi opsional.
export let title = "Untitled";Konvensi Hanya-Baca
Perlakukan properti sebagai input hanya-baca. Mengubahnya secara langsung memang diperbolehkan secara teknis, tetapi akan merusak aliran data satu arah.
Properti Reaktif
Properti bersifat reaktif: ketika komponen induk memberikan nilai baru, komponen akan dirender ulang secara otomatis.
Fungsi Bawaan
Nilai bawaan dapat berupa fungsi atau ekspresi terhitung.
export let onClick = () => {};Properti Boolean
Untuk properti boolean, memberikan atribut tanpa nilai berarti menetapkannya ke true.
<MyComp disabled />Properti dengan Alias
Jika nama properti merupakan kata yang dicadangkan seperti class, Anda dapat mengganti namanya secara internal.
let className;
export { className as class };Alias dengan Nama Baru
Pola alias memungkinkan Anda menerima nama yang sesuai dengan HTML, sekaligus mempertahankan pengenal yang valid untuk JS di dalamnya.
Pemeriksaan Singkat
Bagaimana cara mendeklarasikan properti?
Ringkasan
Properti dideklarasikan dengan export let, dapat diberi tipe dan nilai bawaan, serta bersifat reaktif ketika komponen induk memperbaruinya.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Mendeklarasikan Props dengan export let” gratis?
Ya — teks lengkap “Mendeklarasikan Props dengan export let” 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 “Mendeklarasikan Props dengan export let”?
Buka properti komponen agar dapat diakses komponen induk menggunakan kata kunci export. 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 1 dari 4.
Berapa lama pelajaran “Mendeklarasikan Props dengan export let” 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