Как выполнить код при размонтировании компонента?

Question

Код при размонтировании выполняется через useEffect.
Для этого возвращают функцию очистки из эффекта.
Эта функция вызывается перед удалением компонента из DOM.
Такой подход используется для очистки ресурсов.

YeaHub · Accepted Answer

Размонтирование — это момент, когда компонент удаляется из интерфейса.ОпределениеРазмонтирование — это фаза жизненного цикла, при которой React удаляет компонент и освобождает связанные ресурсы.Использование useEffectФункция очистки задаётся так:useEffect(() => {
  // инициализация

return () => {
    // очистка при размонтировании
  };
}, []);
Когда вызывается очисткаФункция очистки выполняется:при размонтировании компонентаперед повторным запуском эффектаТипичные сценарииЧаще всего очищают:таймерыподпискиобработчики событийWebSocket-соединенияПочему это важноБез очистки:возникают утечки памятикод продолжает работать после удаления компонентаКраткий выводДля выполнения кода при размонтировании используют функцию очистки в useEffect. Это обязательная практика при работе с эффектами.