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

Какие методы жизненного цикла имитирует useEffect

useEffect комбинирует функциональность нескольких классовых методов жизненного цикла:

  1. componentDidMount - при пустом массиве зависимостей:
js
useEffect(() => {
  // Код выполнится при монтировании
}, []);
  1. componentDidUpdate - при указании зависимостей:
js
useEffect(() => {
  // Код выполнится при изменении зависимостей
}, [dep1, dep2]);
  1. componentWillUnmount - через возврат функции очистки:
js
useEffect(() => {
  return () => {
    // Код выполнится при размонтировании
  };
}, []);

Важно: useEffect не имеет прямого аналога shouldComponentUpdate - для этого используется React.memo или useMemo. Также эффекты выполняются после рендера, а не во время как в классовых методах.

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

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

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

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