Когда useEffect вызывается один раз?

Question

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

YeaHub · Accepted Answer

Пустой массив зависимостей сообщает React, что эффект не зависит ни от каких значений.ОпределениеПустой массив зависимостей ([]) означает, что эффект не должен пересчитываться при обновлениях состояния или пропсов.ПримерuseEffect(() => {
  console.log("mounted");
}, []);
Важный нюанс: StrictModeВ React StrictMode (только в dev-режиме):Компонент монтируется дважды.Эффект вызывается два раза.Это сделано для поиска побочных эффектов.Как писать эффекты безопасноДелать эффекты идемпотентными.Использовать cleanup-функцию.Не полагаться на однократный вызов в dev-режиме.ВыводuseEffect с пустым массивом вызывается один раз при монтировании компонента, но в режиме разработки с StrictMode это поведение может отличаться.