useMemo和useCallback

在React Hooks中，可以使用useMemo和useCallback来优化性能。

首先，让我们来了解一下这两个Hook的作用。

💥🤍useMemo是用于【缓存计算结果】的。它接受一个计算函数和依赖项数组作为参数，并返回计算结果。当依赖项数组中的任意一个值发生变化时，useMemo会重新执行计算函数并返回新的计算结果。

💥🤍useCallback用于【缓存回调函数】。它接受一个回调函数和依赖项数组作为参数，并返回一个缓存的版本的回调函数。当依赖项数组中的任意一个值发生变化时，useCallback会返回一个新的回调函数。

接下来，让我们看看如何使用这两个Hook来优化性能。