memo和useMemo

`memo` 和 `useMemo` 是 React 中的两个重要概念。

`memo` 是一个高阶组件（Higher Order Component），用于优化组件的性能。它可以包裹一个函数组件，并且在组件接收到新的 props 时，对比前后的 props 是否相同，如果相同则跳过重新渲染。这样可以避免不必要的渲染，提高组件的性能。使用 `memo` 可以将一个函数组件转换为一个记忆组件，只有在 props 发生变化时才会进行重新渲染。

`useMemo` 是一个 React 的 Hook，用于在函数组件中进行记忆计算。它接收一个函数和一个依赖数组作为参数。在函数组件执行过程中，`useMemo` 会执行传入的函数，并返回计算结果。当依赖数组发生变化时，`useMemo` 会重新计算结果，并将结果缓存起来。在下一次渲染时，如果依赖数组的值没有发生变化，则直接返回缓存的结果，避免重复计算。

总结来说，`memo` 用于优化函数组件的渲染性能，而 `useMemo` 用于在函数组件内进行记忆计算，避免重复计算。它们都是 React 提供的工具，用于提高应用程序的性能和效率。