Как минимизировать перерендеры компонента при изменении пропсов?

Question

Используйте React.memo для мемоизации компонента.Передавайте примитивные пропсы (числа, строки).Для сложных объектов — useMemo/useCallback.

YeaHub · Accepted Answer

1. React.memo:Компонент перерендерится только если изменились пропсы.const MemoizedComponent = React.memo(MyComponent);2. Примитивные пропсы:Сравнение происходит быстро (по значению).<Component count={5} text="Hello" />  // Оптимально3. Мемоизация функций/объектов:const data = useMemo(() => ({ id: 1 }), []);
const onClick = useCallback(() => {}, []);Вывод:Комбинируйте React.memo, примитивы и useMemo/useCallback.