Что такое жизненный цикл компонента в React

Жизненный цикл компонента в React — это последовательность этапов, которые проходит компонент от создания до удаления. Включает три основные фазы:

1. Монтирование (Mounting):
   • constructor() — инициализация состояния
   • render() — отрисовка компонента
   • componentDidMount() — компонент в DOM

2. Обновление (Updating):

   • shouldComponentUpdate() — нужно ли обновлять
   • render() — перерисовка
   • componentDidUpdate() — обновление завершено

3. Размонтирование (Unmounting):

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

Пример:

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

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

  // ...
}

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