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

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

1. Монтирование:
   • constructor() – инициализация состояния
   • static getDerivedStateFromProps() – синхронизация состояния с пропсами
   • render() – отрисовка компонента
   • componentDidMount() – вызов после монтирования (идеально для запросов)

2. Обновление:

   • static getDerivedStateFromProps()
   • shouldComponentUpdate() – оптимизация рендеринга
   • render()
   • getSnapshotBeforeUpdate() – захват DOM перед обновлением
   • componentDidUpdate() – вызов после обновления

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

   • componentWillUnmount() – очистка (таймеры, подписки)

Пример:

class Example extends React.Component {
  componentDidMount() {
    console.log('Компонент смонтирован');
  }
  
  componentDidUpdate(prevProps) {
    if (this.props.value !== prevProps.value) {
      console.log('Значение пропса изменилось');
    }
  }
  
  componentWillUnmount() {
    console.log('Компонент будет размонтирован');
  }
}