Как работает React.memo?

Middle
299 просмотров
AFK Offer AI

React.memo — это HOC, который мемоизирует компонент. Если пропсы не изменились (shallow compare), компонент не перерендеривается. Полезно для тяжёлых компонентов, которые часто получают те же самые пропсы. Можно передать свою функцию сравнения вторым аргументом. Важно: если пропсы содержат объекты или функции, они будут новыми каждый рендер — нужно стабилизировать через useMemo и useCallback. Не оборачивай всё подряд — сравнение тоже стоит времени.

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

Что такое stacking context и как работает z-index?