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

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

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

Монтирование:

  • constructor() – инициализация состояния
  • render() – рендеринг компонента
  • componentDidMount() – после монтирования в DOM

Обновление:

  • shouldComponentUpdate() – оптимизация, можно отменить обновление
  • render()
  • componentDidUpdate() – после обновления DOM

Размонтирование:

  • componentWillUnmount() – очистка перед удалением

Пример:

jsx
class Timer extends React.Component {
  componentDidMount() {
    this.timerID = setInterval(() => this.tick(), 1000);
  }

  componentWillUnmount() {
    clearInterval(this.timerID);
  }

  tick() {
    this.setState({ time: new Date() });
  }
}

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

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

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

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

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