Встречается на собеседованиях • сегодня
Что такое жизненный цикл классового компонента в React
Жизненный цикл классового компонента в React — это последовательность методов, вызываемых на разных этапах существования компонента. Основные фазы:
1. **Монтирование**:
- `constructor()` — инициализация состояния
- `render()` — отрисовка компонента
- `componentDidMount()` — компонент вмонтирован в DOM
2. **Обновление** (при изменении пропсов или состояния):
- `shouldComponentUpdate()` — можно отменить обновление
- `render()` — перерисовка
- `componentDidUpdate()` — обновление завершено
3. **Размонтирование**:
- `componentWillUnmount()` — очистка перед удалением
Пример:
```jsx
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
Seconds: {this.state.seconds}
;
}
}
```
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы