Lewati ke konten utama

useEffect (Effect)

Digunakan untuk sinkronisasi dengan sistem luar (API, Timer, DOM).

Import​

import { useEffect } from 'react';

Rumus Dasar​

useEffect(() => {
  // Kode dijalankan disini
  
  return () => {
    // (Opsional) Kode pembersihan / cleanup
  }
}, [dependencies]); // Array ketergantungan

Cheat Sheet Dependency​

  • []: Jalan sekali pas mount (mirip componentDidMount).
  • [prop, state]: Jalan setiap variabel di dalam kurung berubah.
  • (Tanpa Array): Jalan setiap render (Hati-hati loop!).