Встречается на собеседованиях • сегодня
Расскажи про жизненный цикл классового компонента React
Классовые компоненты React имеют несколько ключевых методов жизненного цикла:
1. **Монтирование**:
- `constructor()` - инициализация состояния
- `render()` - отрисовка компонента
- `componentDidMount()` - выполняется после монтирования
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
интервью вопросы и ответы