Latihan 2: Context API Svelte — Svelte

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

Kode awal sudah punya paragraf <p>{user.name} ({user.role})</p>. Biarkan. Variabel user-nya belum ada, jadi halamannya error sampai kamu membuatnya.

Di <script>, impor setContext dan getContext dari "svelte".
Titipkan objek user dengan kunci "user": setContext("user", { name: "Andi", role: "admin" }).
Ambil kembali ke variabel user: const user = getContext("user").

Yang dicek:

Teks paragrafnya persis Andi (admin).
Kodemu menyebut setContext dan memanggil getContext(.
Isi paragrafnya dirangkai dengan kurung kurawal, <p>{user.name} ({user.role})</p> dari kode awal, bukan diketik sebagai teks biasa.

Hint

Paragrafnya membaca variabel user yang belum ada. Buat variabel itu dari context: titipkan objeknya, lalu ambil lagi.
setContext("user", objek) dengan name dan role, lalu const user = getContext("user") dengan kunci yang sama. Paragraf dari kode awal tetap seperti itu.
import { setContext, getContext } from "svelte" setContext("user", { name: "Andi", role: "admin" }) const user = getContext("user")

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

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 2: Context API Svelte — Svelte

Hint

Memperbarui Aplikasi