Latihan 1 dari materi useEffect Dasar di React — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal sudah punya useEffect(() => { ... }, []) dan <p>Cek console</p>. Biarkan keduanya.
Di dalam effect, tulis console.log("Komponen dimuat!"). Teksnya ditulis langsung di dalam kurung sebagai string, persis: K besar dan pakai tanda seru.
Biarkan array kosong [], supaya effect jalan sekali saat mount.
useEffect sudah tersedia di editor. Baris import boleh ditulis seperti di proyek sungguhan, tapi gak wajib.
Yang dicek:
Ada elemen p.
Kodenya memanggil console.log("...") dengan string langsung di dalam kurung, dan baris itu ada di dalam effect.
Dependency array-nya tetap kosong: effect-nya ditutup dengan }, []).
Console memuat Komponen dimuat!.
Hint
Mencetak ke console adalah side effect, jadi tempatnya di dalam function yang diberikan ke useEffect, dan React menjalankannya sesudah render.
Tulis console.log dengan string langsung di dalam kurungnya, di antara useEffect(() => { dan }, []). Teksnya harus persis Komponen dimuat!