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

Размонтирование — это момент, когда компонент удаляется из интерфейса.

Определение

Размонтирование — это фаза жизненного цикла, при которой React удаляет компонент и освобождает связанные ресурсы.

Использование useEffect

Функция очистки задаётся так:

useEffect(() => {
  // инициализация

  return () => {
    // очистка при размонтировании
  };
}, []);

Когда вызывается очистка

Функция очистки выполняется:

• при размонтировании компонента

• перед повторным запуском эффекта

Типичные сценарии

Чаще всего очищают:

• таймеры

• подписки

• обработчики событий

• WebSocket-соединения

Почему это важно

Без очистки:

• возникают утечки памяти

• код продолжает работать после удаления компонента

Краткий вывод

Для выполнения кода при размонтировании используют функцию очистки в useEffect. Это обязательная практика при работе с эффектами.