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

Что такое жизненный цикл компонента в 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`) для имитации жизненного цикла.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

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