Что такое хук useEffect в React?

useEffect в React - это хук, позволяющий выполнять побочные эффекты (side effects) в функциональных компонентах. Побочные эффекты включают в себя:

• Работа с DOM напрямую.
• Запросы к API.
• Подписка и отписка от событий.
• Таймеры.

useEffect принимает два аргумента:

1. Функция-эффект: Выполняется после каждого рендера компонента, если не указан массив зависимостей.
2. Массив зависимостей (опционально): Определяет, при изменении каких значений (стейт, пропсы) должен перевыполняться эффект.

Примеры использования:

Без массива зависимостей (выполняется после каждого рендера):

javascript

С пустым массивом зависимостей (выполняется только после первого рендера, как componentDidMount):

javascript

С массивом зависимостей (выполняется при первом рендере и при изменении values.value1 или values.value2):

javascript

Функция-эффект может вернуть функцию очистки (cleanup function), которая выполняется перед следующим выполнением эффекта или перед размонтированием компонента (как componentWillUnmount):

javascript