Какой этап жизненного цикла классового компонента заменяет hook useEffect

useEffect заменяет три метода жизненного цикла классовых компонентов:

1. componentDidMount - первый аргумент useEffect с пустым массивом зависимостей:

useEffect(() => {
  // код при монтировании
}, []);

2. componentDidUpdate - useEffect с указанными зависимостями:

useEffect(() => {
  // код при обновлении зависимостей
}, [dep1, dep2]);

3. componentWillUnmount - функция очистки в useEffect:

useEffect(() => {
  return () => {
    // код при размонтировании
  };
}, []);

useEffect объединяет эту логику в один хук, что делает код чище и уменьшает вероятность ошибок. Важно помнить, что useEffect запускается после рендера, а не во время него, как это было с методами жизненного цикла.