> Как работает хук useEffect в React (React)

Хук useEffect в React позволяет выполнять побочные эффекты в функциональных компонентах, заменяя методы жизненного цикла классовых компонентов, такие как componentDidMount, componentDidUpdate и componentWillUnmount. Он принимает два аргумента: функцию-эффект и массив зависимостей.

Функция-эффект выполняется после каждого рендера, если зависимости изменились. Если массив зависимостей пуст ([]), эффект выполняется только один раз после монтирования компонента. Если зависимости не указаны, эффект запускается после каждого рендера. Внутри эффекта можно вернуть функцию очистки, которая выполняется перед размонтированием компонента или перед повторным запуском эффекта - это удобно для отписки от событий или таймеров.

Пример:

JSX
useEffect(() => {
  document.title = `Вы нажали ${count} раз`;
  return () => {
    console.log('Очистка эффекта');
  };
}, [count]); // эффект сработает при изменении count