Latihan 1 dari materi List Rendering Solid di SolidJS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal sudah mengimpor createSignal, punya signal buah berisi ["Apel", "Mangga", "Jeruk"], dan <ul> kosong. Isi daftarnya dengan perulangan Solid:
Tambahkan For ke baris import: import { createSignal, For } from "solid-js".
Di dalam <ul>, tulis <For each={buah()}> berisi fungsi {(item) => <li>{item}</li>}, lalu tutup dengan </For>.
Yang dicek:
Halaman punya <ul> dan paling sedikit 3<li>.
Kodemu memakai For, dan <li ditulis di dalam <For each=...>, paling jauh 120 karakter sesudah each=. Tiga <li> yang diketik satu per satu gak lolos.
<li> pertama di dalam <ul> berisi persis Apel, dan yang terakhir persis Jeruk.
Hint
Solid punya komponen khusus untuk merender daftar: datanya diberikan lewat sebuah prop, dan isinya fungsi yang mengubah satu item jadi satu baris.
Import For. Di dalam <ul>, tulis <For each={buah()}> yang berisi fungsi menerima item lalu mengembalikan <li> berisi item itu.