React中，如何区分useMemo和useCallback的最佳使用场景？

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

`useMemo` 用于缓存计算结果，当父组件发生重新渲染时，我们知道其所有（状态、局部变量等）都是新的。一旦子组件依赖于父组件的某个对象变量，不论该对象是否发生变化，子组件拿到的都是新的对象。

useMemo

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