Как реализовать unmount через useEffect

Чтобы реализовать размонтирование (unmount) в функциональных компонентах React, используйте useEffect с функцией очистки. Эта функция вызывается при размонтировании компонента.

import { useEffect } from 'react';

function ExampleComponent() {
  useEffect(() => {
    // Код, выполняемый при монтировании
    
    return () => {
      // Код очистки, выполняемый при размонтировании
      console.log('Компонент будет размонтирован');
      // Например, отписка от событий, очистка таймеров и т.д.
    };
  }, []); // Пустой массив зависимостей = только на mount/unmount
}

Ключевые моменты:

1. Функция возвращаемая из useEffect выполняется при размонтировании
2. Пустой массив зависимостей [] означает, что эффект сработает только при монтировании/размонтировании
3. Важно очищать подписки, таймеры и другие ресурсы во избежание утечек памяти