Latihan 1: Lifecycle Solid — SolidJS

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

Kode awal punya App dengan signal pesan yang mulai dari "Loading...", dan return {pesan()}. Itu tetap. Tambahkan dua kait lifecycle:

Impor onMount dan onCleanup dari "solid-js", di samping createSignal.
Di badan App, sebelum return, panggil onMount(() => { setPesan("Mounted!") }).
Di bawahnya, panggil onCleanup(() => { console.log("Cleaned up") }).

Biarkan nilai awalnya "Loading...": pesannya berganti karena onMount, bukan karena nilai awal.

Yang dicek:

Kodemu memanggil onMount( dan onCleanup( dengan fungsi: ditulis langsung di dalam kurung, atau nama fungsi yang sudah kamu buat, seperti onMount(muat).
Pesannya diganti di dalam onMount: ada setter (setPesan() paling jauh 160 karakter sesudah onMount(, atau di fungsi bernama yang dikirim ke onMount.
 akhirnya berisi persis Mounted!.

Hint

onMount menjalankan fungsinya sekali, sesudah elemen komponennya ada di halaman, dan onCleanup menjalankan fungsinya saat komponennya dibongkar.
Impor onMount dan onCleanup dari solid-js. Di badan App, sebelum return, panggil onMount dengan fungsi yang memanggil setPesan, lalu onCleanup dengan fungsi yang menulis ke console.
onMount(() => { setPesan("Mounted!") }) lalu onCleanup(() => { console.log("Cleaned up") }), keduanya di atas return {pesan()}

</> { } .css => #id fn()

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: Lifecycle Solid — SolidJS

Hint

Memperbarui Aplikasi