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

Как проверить, нужно ли обновлять компонент в зависимости от изменения пропсов

В 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`, который делает поверхностное сравнение пропсов и стейта.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

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