react usememo和usecallback的区别

`useMemo` 和 `useCallback` 都是用来优化 React 组件性能的 Hook，它们的区别在于它们的返回值不同。

`useMemo` 会在渲染过程中对一个函数进行记忆，当函数的依赖项发生改变时才会重新计算并返回新的值。通常用于优化具有昂贵计算代价的函数，避免在每次渲染时都重新计算。它的语法如下：

const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);

其中，第一个参数是一个函数，用于计算需要被缓存的值，第二个参数是一个数组，用于指定缓存值的依赖项。

`useCallback` 也会对一个函数进行记忆，但是它返回的是一个 memoized 的函数，而不是计算后的值。它通常用于优化回调函数，以避免在每次渲染时都创建新的回调函数。它的语法如下：

const memoizedCallback = useCallback(() => {
  doSomething(a, b);
}, [a, b]);

其中，第一个参数是需要被 memoized 的回调函数，第二个参数是一个数组，用于指定 memoized 函数的依赖项。

总的来说，`useMemo` 用于缓存值，`useCallback` 用于缓存函数。如果你需要在组件渲染时缓存一个值，使用 `useMemo`，如果你需要在组件渲染时缓存一个函数，使用 `useCallback`。