← React32 / 78

Cleanup Function dalam useEffect

Fungsi kembalian di dalam useEffect adalah Cleanup Function yang berjalan saat komponen unmount untuk membersihkan timer atau listener.

👀 Contoh dulu

useEffect(() => {
  const timer = setInterval(() => {}, 1000);
  return () => clearInterval(timer); // Cleanup
}, []);

Hasilnya: Timer dihentikan sehingga tidak terjadi memory leak saat komponen ditutup.

💡 Selalu bersihkan listener/timer di return function.

📝 Sekarang giliranmu

Tuliskan fungsi kembalian (return) dari useEffect yang akan membersihkan timer dengan menggunakan fungsi bawaan clearInterval.

Preview
← SebelumnyaBerikutnya →