Как работает UseEffect

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

Основные моменты:

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

Пример:

useEffect(() => {
  console.log('Компонент смонтирован или обновлён');
  return () => console.log('Очистка перед размонтированием или обновлением');
}, [dependency]); // Зависимость