React中useMemo和useCallback的最佳使用场景是什么？

本文共计1248个文字，预计阅读时间需要5分钟。

`useMemo+当父组件发生重新渲染时，其所有（状态、局部变量等）都是新的。一旦子组件依赖于父组件的某个对象变量，不论该对象是否发生变更，子组件拿到的都是新的对象。`

useMemo

我们知道当父组件发生重新渲染时，其所有（状态、局部变量等）都是新的。一旦子组件依赖于父组件的某一个对象变量，那么无论对象是否发生变化，子组件拿到的都是新的对象，从而使子组件对应的 diff 失效，依旧会重新执行该部分逻辑。在下面的例子中，我们的副作用依赖项中包含了父组件传入的对象参数，每次父组件发生更新时，都会触发数据请求。