Встречается на собеседованиях • сегодня
В чем разница между PureComponent и обычным компонентом
`PureComponent` автоматически реализует `shouldComponentUpdate` с поверхностным сравнением пропсов и состояния. Обычный `Component` всегда ререндерится при изменении пропсов или состояния, если не переопределить `shouldComponentUpdate` вручную.
Пример:
```jsx
// Обычный компонент - ререндерится всегда
class NormalComp extends React.Component {
render() {
return
{this.props.value}
;
}
}
// PureComponent - ререндерится только при изменении пропсов/состояния
class PureComp extends React.PureComponent {
render() {
return {this.props.value}
;
}
}
```
Ключевые отличия:
1. `PureComponent` делает shallow compare пропсов и состояния
2. Не используй `PureComponent` если пропсы/состояние часто меняются на новые объекты/массивы
3. Для функциональных компонентов аналог - `React.memo`
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы