Latihan 2: Suspense & Lazy — React

Latihan 2 dari materi Suspense & Lazy di React — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Simulasikan lazy loading dengan state.

Buat <button id="load">Muat Komponen</button>. Saat diklik:

  1. Set state loading ke true, tampilkan <p id="fallback">Sedang memuat...</p>
  2. Setelah itu set loaded ke true dan loading ke false
  3. Tampilkan <div id="lazy-content">Komponen Berhasil Dimuat!</div>

Sebelum tombol diklik, tampilkan <p id="placeholder">Klik tombol untuk memuat</p>.

Hint