Встречается на собеседованиях • сегодня

Какие жизненные циклы компонента можно реализовать через useEffect

В React функциональных компонентах useEffect заменяет основные методы жизненного цикла классовых компонентов:

  1. componentDidMount - выполняется один раз при монтировании:
js
useEffect(() => {
  // Код для mount
}, []);
  1. componentDidUpdate - выполняется при изменении зависимостей:
js
useEffect(() => {
  // Код для update
}, [dependency]);
  1. componentWillUnmount - очистка при размонтировании:
js
useEffect(() => {
  return () => {
    // Код для unmount
  };
}, []);
  1. shouldComponentUpdate - аналог через React.memo или сравнение пропсов внутри useEffect.

Важно: useEffect не полностью повторяет классовые lifecycle-методы. Например, нет точного аналога getDerivedStateFromProps или getSnapshotBeforeUpdate. Также эффекты запускаются после рендера, а не во время фазы commit как некоторые классовые методы.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы