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

Question

Чтобы useEffect выполнился только один раз, нужно передать пустой массив зависимостей []. Это означает, что эффект не зависит ни от каких значений и выполнится только после первого рендера. Такой подход часто используется для загрузки данных или инициализации. Повторных вызовов не будет, если зависимости не меняются.

YeaHub · Accepted Answer

Хук useEffect выполняется после рендера и может запускаться повторно при изменении зависимостей.Определение:Массив зависимостей (dependency array) — это список значений, при изменении которых эффект будет выполняться повторно.ПримерuseEffect(() => {
  console.log("Component mounted");
}, []);
Как это работаетКомпонент рендерится впервые.React выполняет эффект.Поскольку зависимостей нет, повторного запуска не происходит.Типичные сценарии использованияЗагрузка данных с сервера.Подписка на события.Инициализация библиотек.Важный моментВ режиме Strict Mode в разработке эффект может вызываться дважды, но это поведение только для проверки.ВыводПустой массив зависимостей позволяет выполнить useEffect только при монтировании компонента.