Что если передать массив в useEffect

Если передать массив в useEffect, React будет сравнивать его элементы с предыдущим рендером. Если массив пустой ([]), эффект выполнится только при монтировании и очистится при размонтировании. Если массив содержит зависимости, эффект будет запускаться при их изменении.

Пример:

useEffect(() => {
  console.log('Эффект сработал');
}, [someDependency]); // Зависимость

Нюансы:

1. React использует поверхностное сравнение (Object.is) для элементов массива.
2. Если передать массив объектов, эффект может срабатывать лишний раз из-за создания новых ссылок.
3. Пропуск массива зависимостей приведёт к выполнению эффекта при каждом рендере.

Лучшие практики:

• Включайте только реальные зависимости.
• Используйте useCallback и useMemo для стабилизации ссылок.