Встречается на собеседованиях • сегодня
Какие знаешь методы жизненного цикла классовых компонентов
В React классовые компоненты имеют несколько методов жизненного цикла:
- Монтирование:
constructor()- инициализация состоянияstatic getDerivedStateFromProps()- обновление состояния на основе пропсовrender()- отрисовка компонентаcomponentDidMount()- выполняется после монтирования
-
Обновление:
static getDerivedStateFromProps()shouldComponentUpdate()- оптимизация, решает нужно ли перерисовыватьrender()getSnapshotBeforeUpdate()- захват DOM перед обновлениемcomponentDidUpdate()- после обновления
-
Размонтирование:
componentWillUnmount()- очистка таймеров, подписок
Пример:
jsx
class Example extends React.Component {
componentDidMount() {
console.log('Компонент смонтирован');
}
componentDidUpdate(prevProps) {
if (this.props.value !== prevProps.value) {
console.log('Значение пропса изменилось');
}
}
componentWillUnmount() {
console.log('Компонент будет размонтирован');
}
}
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы