Sobes.tech
Назад к вопросам
Middle+
2

Зачем нужна функция очистки (return) в useEffect? Что будет без неё при использовании setInterval?

Компании, где спрашивали
VK Tech

Ответ от нейросети

sobes.tech AI

В React хук useEffect может возвращать функцию очистки (cleanup function), которая вызывается при размонтировании компонента или перед повторным выполнением эффекта.

При использовании setInterval внутри useEffect без функции очистки интервал продолжит работать даже после размонтирования компонента, что приведёт к утечкам памяти и нежелательным побочным эффектам.

Пример правильного использования:

useEffect(() => {
  const intervalId = setInterval(() => {
    console.log('Тик');
  }, 1000);

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

Без clearInterval интервал будет продолжать работать в фоне, что может вызвать ошибки и ухудшить производительность.