useCallback 和 useMemo的区别

　　`useCallback`和`useMemo`都是React中的自定义Hook，它们可以用于性能优化和避免不必要的计算。尽管它们的实现方式相似，但它们有着不同的用途和适用场景。

　　`useCallback`的主要目的是用于缓存回调函数，避免在每次渲染时都创建新的回调函数实例。它接受一个回调函数和依赖项数组，并返回一个记忆化后的回调函数。当依赖项发生变化时，会重新创建新的回调函数实例;当依赖项没有变化时，会复用上一次记忆化的回调函数。这对于将回调函数作为prop传递给子组件或传递给`useEffect`等副作用函数时特别有用，可以避免不必要的子组件重渲染或副作用的重复执行。

　　使用`useCallback`的示例：　　

const memoizedCallback = useCallback(() => {
  // 回调函数的逻辑
}, [dependency1, dependency2, ...]);

　　`useMemo`的主要目的是用于缓存计算结果，避免在每次渲染时都重复计算。它接受一个计算函数和依赖项数组，并返回一个记忆化后的值。当依赖项发生变化时，会重新计算新的值;当依赖项没有变化时，会复用上一次记忆化的值。这对于计算开销较大的操作或昂贵的函数调用特别有用，可以减少不必要的计算开销。

　　使用`useMemo`的示例：　　

const memoizedValue = useMemo(() => {
  // 计算函数的逻辑
  // 返回计算结果
}, [dependency1, dependency2, ...]);

　　总结起来，`useCallback`用于缓存回调函数，避免不必要的函数创建和重复渲染，适用于将回调函数作为prop传递或传递给副作用函数的场景。而`useMemo`用于缓存计算结果，避免不必要的重复计算，适用于计算开销较大的操作或昂贵的函数调用的场景。根据具体的需求和性能优化的目标，选择合适的Hook来提升应用程序的性能。