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>;
}
}