Что такое жизненный цикл компонента в React
Python
Senior
Без компании
Что такое жизненный цикл компонента в React
Ответы
В React жизненный цикл компонента — это последовательность этапов, через которые проходит компонент от создания до удаления. У классовых компонентов есть три основные фазы:
- **Монтирование** — компонент создается и вставляется в DOM:
- `constructor()` — инициализация состояния
- `render()` — отрисовка компонента
- `componentDidMount()` — после вставки в DOM
- **Обновление** — при изменении пропсов или состояния:
- `shouldComponentUpdate()` — можно отменить обновление
- `render()` — перерисовка
- `componentDidUpdate()` — после обновления
- **Размонтирование** — перед удалением из DOM:
- `componentWillUnmount()` — очистка таймеров, подписок
Пример:
```
class Timer extends React.Component {
constructor(props) {
super(props);
this.state = { seconds: 0 };
}
componentDidMount() {
this.interval = setInterval(() => {
this.setState({ seconds: this.state.seconds + 1 });
}, 1000);
}
componentWillUnmount() {
clearInterval(this.interval);
}
render() {
return <div>Seconds: {this.state.seconds}</div>;
}
}
```
В функциональных компонентах используются хуки (`useEffect`) для имитации жизненного цикла.