Что если передать пустой массив в useEffect

Если передать пустой массив [] вторым аргументом в useEffect, это означает, что эффект будет выполнен только один раз - после первого рендера компонента. Это аналог componentDidMount в классовых компонентах.

useEffect(() => {
  console.log('Это сработает только при монтировании');
}, []); // Пустой массив зависимостей

Особенности:

• Эффект не будет перезапускаться при обновлениях компонента
• Подписки, созданные в таком эффекте, не будут автоматически очищаться - нужно явно возвращать функцию очистки
• Часто используется для начальных запросов к API, установки подписок или однократной инициализации

Пример с очисткой:

useEffect(() => {
  const timer = setInterval(() => {
    console.log('Таймер');
  }, 1000);

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