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

Как остановить рендер

В React можно остановить рендер с помощью shouldComponentUpdate (в классовых компонентах) или React.memo (в функциональных компонентах).

shouldComponentUpdate:

jsx

class MyComponent extends React.Component {
  shouldComponentUpdate(nextProps, nextState) {
    return false; // Компонент не будет обновляться
  }
}

React.memo:

jsx

const MemoizedComponent = React.memo(MyComponent, (prevProps, nextProps) => {
  return true; // Пропсы не изменились, рендер не нужен
});

Также можно использовать useMemo и useCallback для оптимизации ререндеров дочерних компонентов.

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

как отвечать на вопрос

пример собеседования

фреймворки на собеседовании

типичные вопросы junior

интервью вопросы и ответы