Latihan 1 dari materi Props Solid di SolidJS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal punya function Greeting(props) yang me-return null, dan App yang sudah memakai <Greeting nama="Andi" />. Biarkan App seperti itu.
Ganti return null di Greeting dengan <h2> yang menyapa nama kiriman itu: Halo, lalu {props.nama} lalu !.
Baca namanya lewat props.nama di dalam <h2> itu. Jangan destructure props, dan jangan ketik Andi langsung.
Yang dicek:
Halaman punya <h2> yang berisi persis Halo, Andi!.
Kodemu membaca props.nama, di dalam <h2>.
Ada komponen yang dipakai sambil mengirim nama= (sudah ada di App).
Hint
Nilai nama datang dari pemanggilnya lewat objek props. Bacalah langsung di tempat dipakai, karena destructuring membaca sekali saja.
Greeting me-return satu h2: teks Halo dan koma, lalu kurung kurawal berisi props titik nama, lalu tanda seru.
function Greeting(props) { return <h2>Halo, {props.nama}!</h2> }
</>{ }.css=>#idfn()
Versi baru
HyperSheets
bagian dari BelajarWeb.dev
0%
Membuka gerbang…
HyperSheets
Memperbarui Aplikasi
Versi baru tersedia. Halaman akan dimuat ulang otomatis...