Как узнать, какие зависимости вызывают перерасчет 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?

0 ответов

Другие вопросы по тегам