Встречается на собеседованиях • сегодня
Как проверить, нужно ли обновлять компонент в зависимости от изменения пропсов
В React можно использовать `React.memo` для мемоизации компонента и предотвращения лишних ререндеров при неизменных пропсах. Для кастомной логики сравнения пропсов передаем вторым аргументом функцию `areEqual`:
```jsx
const MyComponent = React.memo(({ data }) => {
return
{data.value}
;
}, (prevProps, nextProps) => {
// Обновляем только если изменилось data.value
return prevProps.data.value === nextProps.data.value;
});
```
Для классовых компонентов - `shouldComponentUpdate`:
```jsx
class MyComponent extends React.Component {
shouldComponentUpdate(nextProps) {
return this.props.importantProp !== nextProps.importantProp;
}
render() { /* ... */ }
}
```
Или наследовать от `PureComponent`, который делает поверхностное сравнение пропсов и стейта.
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы