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

В React компоненты проходят три основные фазы жизненного цикла:

1. Монтирование (Mounting)

   • constructor()
   • static getDerivedStateFromProps()
   • render()
   • componentDidMount()

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

   • static getDerivedStateFromProps()
   • shouldComponentUpdate()
   • render()
   • getSnapshotBeforeUpdate()
   • componentDidUpdate()

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

Пример:

class Example extends React.Component {
  componentDidMount() {
    console.log('Компонент смонтирован');
  }

  componentDidUpdate(prevProps) {
    if (this.props.value !== prevProps.value) {
      console.log('Значение пропса изменилось');
    }
  }

  componentWillUnmount() {
    console.log('Компонент будет удалён');
  }
}