Как узнать, какие зависимости вызывают перерасчет useCallback / useMemo?
Используя useMemo
/ useCallback
в React, иногда я нахожу много неожиданных рендеров, вызывающих useMemo
/ useCallback
возвращаемое значение.
Как я использую React.memo
чтобы уменьшить бесполезный рендеринг компонента функции React, React.memo
второй параметр, я мог контролировать сравнение. Кроме того, я могу узнать, какая опора вызывает текущий рендеринг. Как после:
const MemoComponent = React.memo((props) => {}, (prevProps, nextProps) => {
for (const key in prevProps) {
const prevValue = prevProps[key];
const nextValue = nextProps[key];
if (prevValue !== nextValue) {
return false; // form here I can get which cause render
}
}
return true;
})
Могу ли я узнать причину зависимости useCallback
/ useMemo
пересчитать как раньше или React devtools?