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

Какие знаешь три основных методы жизненного цикла React приложения

componentDidMount() – вызывается после первого рендера компонента. Идеально для API-запросов, подписок или работы с DOM.
componentDidUpdate(prevProps, prevState) – срабатывает после обновления компонента. Позволяет сравнивать предыдущие пропсы/стейт с новыми.
componentWillUnmount() – вызывается перед удалением компонента. Используется для очистки таймеров, отписок и т.д.

Пример:

jsx
class Example extends React.Component {
  componentDidMount() {
    console.log('Mounted!');
    this.timer = setInterval(() => {}, 1000);
  }

  componentDidUpdate(prevProps) {
    if (this.props.id !== prevProps.id) {
      console.log('ID changed!');
    }
  }

  componentWillUnmount() {
    clearInterval(this.timer);
    console.log('Unmounted!');
  }
}
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

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