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