Встречается на собеседованиях • сегодня

Какой жизненный цикл компонента в React

В React компоненты проходят через три основные фазы жизненного цикла: 1. **Монтирование** (Mounting): - `constructor()` - инициализация состояния - `render()` - отрисовка компонента - `componentDidMount()` - после монтирования в DOM (идеально для запросов к API) 2. **Обновление** (Updating): - `shouldComponentUpdate()` - оптимизация, можно предотвратить ререндер - `render()` - перерисовка - `componentDidUpdate()` - после обновления DOM 3. **Размонтирование** (Unmounting): - `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}
; } } ```
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы