$props() untuk Props Bertipe
Deklarasikan props komponen dengan destrukturisasi dan tipe TypeScript menggunakan $props().
$props() untuk Props Bertipe 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.
API Properti Baru
Svelte 5 memperkenalkan $props() untuk mendeklarasikan properti komponen sebagai penugasan yang didestrukturisasi.
Penggunaan Dasar
Destrukturisasi properti dalam satu ekspresi.
let { name, count = 0 } = $props();Nilai Bawaan
Nilai bawaan menggunakan nilai bawaan destrukturisasi standar.
let { theme = "dark" } = $props();Properti Wajib
Properti tanpa nilai bawaan bersifat wajib. TypeScript dapat memastikannya dalam mode bertipe.
Properti Bertipe
Tambahkan generik TypeScript untuk keamanan tipe sepenuhnya.
let { name, count = 0 }: { name: string; count?: number } = $props();Properti Sisa
Tangkap properti yang tersisa menggunakan sintaks sisa.
let { name, ...rest } = $props();Children dan Cuplikan
Properti children menyimpan konten slot bawaan sebagai cuplikan.
let { children } = $props();Tidak Ada Lagi export let
$props() menggantikan sintaks export let lama di Svelte 5.
Reaktif
Properti diperbarui secara reaktif ketika induk memberikan nilai baru.
Penerusan dengan Spread
Teruskan properti sisa ke elemen bagian dalam menggunakan spread objek.
<input {...rest} />Kompatibilitas Mundur
export let masih berfungsi selama migrasi; campurkan secara bertahap.
Pemeriksaan Singkat
Bagaimana cara mendeklarasikan properti di Svelte 5?
Ringkasan
$props() adalah API properti baru Svelte 5. Destrukturisasikan dengan nilai bawaan dan tipe agar komponen tetap bersih dan aman.
Belajar HTML dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 41
- Pelajaran
- 163
Pertanyaan yang Sering Diajukan
Apakah pelajaran “$props() untuk Props Bertipe” gratis?
Ya — teks lengkap “$props() untuk Props Bertipe” 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 “$props() untuk Props Bertipe”?
Deklarasikan props komponen dengan destrukturisasi dan tipe TypeScript menggunakan $props(). 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 “$props() untuk Props Bertipe” 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
- $props() untuk Props Bertipe
- {#snippet} dan {@render}
- Meneruskan Snippet sebagai Props
- Snippet Default dan Bernama