Sobes.tech
Back to questions
Middle
6

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

Companies where asked
Тензор

Answer from AI

sobes.tech AI

Основные методы жизненного цикла классового компонента React:

  • constructor(props) — инициализация состояния и привязка методов.
  • componentDidMount() — вызывается после монтирования компонента, подходит для загрузки данных.
  • shouldComponentUpdate(nextProps, nextState) — позволяет оптимизировать перерисовку, возвращая true/false.
  • componentDidUpdate(prevProps, prevState) — вызывается после обновления компонента.
  • componentWillUnmount() — очистка ресурсов перед удалением компонента.

Пример:

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = { count: 0 };
  }

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

  shouldComponentUpdate(nextProps, nextState) {
    return nextState.count !== this.state.count;
  }

  componentDidUpdate(prevProps, prevState) {
    console.log('Компонент обновился');
  }

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

  render() {
    return <div>{this.state.count}</div>;
  }
}