useMemo和memo的区别是什么

`useMemo`和`memo`都是 React 中用于性能优化的钩子或高阶组件。

`useMemo`是一个React Hook，用于在函数组件中进行记忆化计算。它接收一个依赖数组和一个回调函数，并返回该回调函数的计算结果。依赖数组中的值发生变化时，`useMemo`会重新计算并返回新的结果，否则会返回上一次的记忆结果。这样可以避免不必要的重复计算。

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

`memo`是一个高阶组件（HOC），用于在类组件中进行组件级别的记忆化渲染。它接收一个组件作为参数，并返回一个经过优化后的新组件。通过对组件的 props 进行浅比较，当 prop 值发生变化时，`memo`会重新渲染该组件，否则会使用上一次的渲染结果。这样可以避免不必要的组件重渲染。

const MemoizedComponent = memo(Component);

总结来说，`useMemo`用于在函数组件中进行值的记忆化计算，而 `memo` 用于在类组件中进行组件级别的记忆化渲染。它们都能够帮助我们优化性能，避免不必要的计算或渲染。