Что произойдёт, если не указать массив зависимостей в useEffect? Если добавить count в массив зависимостей и нажимать кнопку, будет ли срабатывать cleanup-функция?

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

Если добавить в массив зависимостей переменную count, то эффект будет срабатывать только при первом рендере и при изменении count. При каждом изменении count React сначала вызовет cleanup-функцию (если она возвращена из useEffect), а затем выполнит сам эффект заново.

То есть при нажатии на кнопку, которая изменяет count, cleanup-функция будет срабатывать перед повторным выполнением эффекта.

Пример:

useEffect(() => {
  console.log('Effect сработал, count:', count);
  return () => {
    console.log('Cleanup для count:', count);
  };
}, [count]);

При изменении count в консоли будет сначала сообщение о cleanup, затем сообщение о новом эффекте.