Middle+
À quoi sert la fonction de nettoyage (return) dans useEffect ? Que se passera-t-il sans elle lors de l'utilisation de setInterval ?
sobes.tech IA
Réponse de l'IA
В React хук useEffect может возвращать функцию очистки (cleanup function), которая вызывается при размонтировании компонента или перед повторным выполнением эффекта.
При использовании setInterval внутри useEffect без функции очистки интервал продолжит работать даже после размонтирования компонента, что приведёт к утечкам памяти и нежелательным побочным эффектам.
Пример правильного использования:
useEffect(() => {
const intervalId = setInterval(() => {
console.log('Тик');
}, 1000);
return () => {
clearInterval(intervalId); // Очистка интервала при размонтировании
};
}, []);
Без clearInterval интервал будет продолжать работать в фоне, что может вызвать ошибки и ухудшить производительность.