useMemo 和useCallback

useMemo 和 useCallback 都是 React Hooks 中用来优化性能的钩子函数。

useMemo 的作用是在渲染过程中对于一些比较耗费性能的计算结果进行缓存，以避免无用的重复计算。它接收两个参数：第一个参数是一个函数，这个函数会返回需要缓存的计算结果；第二个参数是一个数组，指定了这个 useMemo 需要监控的依赖项，只有当这些依赖项发生变化时，才会重新计算缓存的值。

useCallback 的作用是对于一些需要经常传递给子组件的回调函数进行缓存，以避免子组件重复渲染。它接收两个参数：第一个参数是一个回调函数；第二个参数是一个数组，指定了这个 useCallback 需要监控的依赖项，只有当这些依赖项发生变化时，才会重新缓存回调函数。

两者的不同点在于：useMemo 缓存的是函数的返回值，而 useCallback 缓存的是函数本身。