Встречается на собеседованиях • сегодня

Какие знаешь примеры использования cleanup у useEffect

Cleanup в useEffect используется для отписки от событий, отмены таймеров или очистки ресурсов перед размонтированием компонента или перед следующим выполнением эффекта.

Примеры:

  1. Отписка от событий:
js
useEffect(() => {
  const handleResize = () => console.log('Resized');
  window.addEventListener('resize', handleResize);
  return () => window.removeEventListener('resize', handleResize);
}, []);
  1. Очистка таймера:
js
useEffect(() => {
  const timer = setTimeout(() => console.log('Timeout!'), 1000);
  return () => clearTimeout(timer);
}, []);
  1. Отмена запроса (AbortController):
js
useEffect(() => {
  const controller = new AbortController();
  fetch('url', { signal: controller.signal })
    .then(res => res.json());
  return () => controller.abort();
}, []);

Cleanup гарантирует, что побочные эффекты не накапливаются и не вызывают утечек памяти.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы