Как работает массив зависимостей в useEffect?

useEffect позволяет выполнять побочные эффекты, но React должен понимать, когда именно их запускать.

Роль массива зависимостей

Массив зависимостей — это список значений, от которых зависит эффект. React:

1. запоминает значения зависимостей

2. при следующем рендере сравнивает их с предыдущими

3. решает, нужно ли запускать эффект

Пример:

useEffect(() => {
  fetchData(id);
}, [id]);

Эффект выполнится:

• при первом рендере

• при каждом изменении id

Как происходит сравнение

React использует поверхностное сравнение по ссылке:

• примитивы сравниваются по значению

• объекты и функции — по ссылке

Поэтому:

• новый объект → эффект сработает

• новая функция → эффект сработает

Частые ошибки

• пропуск зависимостей

• добавление лишних зависимостей

• использование нестабильных объектов и функций

Это может привести к:

• устаревшим данным

• лишним запросам

• бесконечным циклам

Вывод

Массив зависимостей управляет жизненным циклом эффекта. Его корректное заполнение — один из самых важных навыков при работе с useEffect.