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

Какие знаешь компоненты жизненного цикла

В React есть несколько ключевых методов жизненного цикла компонентов:

Классовые компоненты:

  1. componentDidMount() - вызывается после первого рендера
  2. componentDidUpdate(prevProps, prevState) - после обновления пропсов/состояния
  3. componentWillUnmount() - перед удалением компонента

Функциональные компоненты (хуки):

  1. useEffect(() => {...}, []) - аналог componentDidMount
  2. useEffect(() => {...}, [deps]) - аналог componentDidUpdate
  3. useEffect(() => { return () => {...}}, []) - cleanup функция как componentWillUnmount

Пример с useEffect:

jsx
useEffect(() => {
  console.log('Компонент смонтирован');
  return () => console.log('Компонент будет размонтирован');
}, []);

Устаревшие методы (не рекомендуется): componentWillMount, componentWillReceiveProps, componentWillUpdate.

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

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

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

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