如何获取哪个依赖导致useCallback / useMemo重新计算?

时间:2020-03-25 03:12:10

标签: reactjs react-hooks memo usecallback

通过在React中使用useMemo / useCallback钩子,有时我发现许多由useMemo / useCallback返回值引起的意外渲染。

由于我使用React.memo减少了React.memo第二个参数,从而减少了React函数组件的无用渲染,因此我可以控制比较。 此外,我还可以获取导致当前渲染的道具。如下所示:

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;
})

我可以像以前一样还是React devtools来重新计算哪个依赖项导致useCallback / useMemo重新计算?

0 个答案:

没有答案
相关问题