Latihan 1: Props Svelte — Svelte

Latihan 1 dari materi Props Svelte di Svelte — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Buat komponen yang menerima nama dari induknya lalu menyapanya. Kode awal cuma berisi dua komentar TODO.

  1. Di <script>, deklarasikan prop dengan export let nama. Tanpa export, induknya gak bisa mengisinya.
  2. Di markup, tulis <h2>Halo, {nama}!</h2>. Namanya dibaca dari prop di dalam kurung kurawal, bukan diketik.

Latihan ini menjalankan komponenmu tanpa induk yang mengirim nama, jadi pratinjaunya menampilkan Halo, undefined!. Itu wajar, karena yang diperiksa kodenya.

Yang dicek:

Hint