> Что делает хук useEffect и как работает функция очистки в React? (React)

Хук useEffect в React позволяет выполнять побочные эффекты в функциональных компонентах - например, запросы к API, подписки на события, таймеры или манипуляции с DOM. Он принимает два аргумента: функцию эффекта и массив зависимостей. React запускает эффект после каждого рендера, если изменилась хотя бы одна зависимость, или только при монтировании, если массив пуст.

Функция очистки - это функция, которую можно вернуть из эффекта. React вызывает её перед повторным запуском эффекта (при изменении зависимостей) и при размонтировании компонента. Она нужна для предотвращения утечек памяти: например, для отписки от событий, очистки таймеров или отмены запросов.

Пример:

JSX
useEffect(() => {
  const timer = setInterval(() => console.log('Tick'), 1000);
  return () => clearInterval(timer); // функция очистки
}, []);

Здесь таймер создаётся при монтировании, а очистка убирает его при размонтировании. Если бы массив зависимостей содержал переменную, очистка вызывалась бы при каждом её изменении перед новым запуском эффекта.