Cleanup function trong useEffect là gì và khi nào cần dùng?

Cleanup function là function được return từ useEffect, chạy trước khi effect chạy lại hoặc component unmount.

Dùng để hủy subscriptions, clearTimeout, cancel fetch requests tránh memory leaks và stale updates.

tsx

useEffect(() => {
  const timer = setInterval(() => {
    setCount(c => c + 1)
  }, 1000)

  const subscription = eventSource.subscribe(handler)

  // cleanup: chạy khi unmount hoặc trước khi effect chạy lại
  return () => {
    clearInterval(timer)
    subscription.unsubscribe()
  }
}, [])

Xem toàn bộ React cùng filter theo level & chủ đề con.

Mở danh sách React