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

В React есть три категории методов жизненного цикла:

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

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

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

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

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

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

Пример:

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

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

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

В функциональных компонентах используются хуки:

• useEffect(() => {}, []) – аналог componentDidMount
• useEffect(() => () => {}) – аналог componentWillUnmount