Что такое жизненный цикл

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

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

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

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

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

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

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

Пример с хуками:

useEffect(() => {
  // componentDidMount
  return () => {
    // componentWillUnmount
  };
}, [deps]); // componentDidUpdate при изменении deps