Как будет работать useEffect, если передать пустой массив зависимостей

useEffect с пустым массивом зависимостей ([]) выполнит переданную функцию только один раз — после первого рендера компонента. Это аналог componentDidMount в классовых компонентах.

Пример:

useEffect(() => {
  console.log('Этот эффект выполнится только один раз при монтировании');
  return () => console.log('Очистка при размонтировании');
}, []);

Важные нюансы:

1. Эффект не будет перезапускаться при обновлениях компонента
2. Функция очистки (если есть) сработает только при размонтировании
3. Внутри эффекта значения переменных из замыкания будут "заморожены" (как при первом рендере)