Как сделать, чтобы useEffect выполнялся только один раз при монтировании?

Хук useEffect выполняется после рендера и может запускаться повторно при изменении зависимостей.

Определение:
Массив зависимостей (dependency array) — это список значений, при изменении которых эффект будет выполняться повторно.

Пример

useEffect(() => {
  console.log("Component mounted");
}, []);

Как это работает

1. Компонент рендерится впервые.

2. React выполняет эффект.

3. Поскольку зависимостей нет, повторного запуска не происходит.

Типичные сценарии использования

1. Загрузка данных с сервера.

2. Подписка на события.

3. Инициализация библиотек.

Важный момент

В режиме Strict Mode в разработке эффект может вызываться дважды, но это поведение только для проверки.

Вывод

Пустой массив зависимостей позволяет выполнить useEffect только при монтировании компонента.