Latihan 1 dari materi Conditional Rendering Solid di SolidJS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal punya signal loggedIn bernilai awal false dan tombol yang membalik nilainya, setLoggedIn(v => !v), bertulisan Login atau Logout. Biarkan tombol itu. Tambahkan pilihan tampilannya:
Show ke baris import: import { createSignal, Show } from "solid-js".<div>, di atas tombol, tulis <Show when={loggedIn()} fallback={<p>Silakan login</p>}> berisi <p>Selamat datang!</p>, lalu tutup dengan </Show>.Yang dicek:
Show, dan when-nya berisi nilai signal yang dipanggil dengan kurung: when={loggedIn()}. Tanpa kurung, Solid menganggap fungsinya selalu benar.<p> berisi persis Silakan login.<p> berisi persis Selamat datang!.<p> kembali berisi persis Silakan login.
