useMemo和useCallback

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

当我们有一个计算量较大的函数，并且这个函数的计算结果只依赖于某些特定的输入值时，可以使用useMemo来缓存计算结果。这样，在依赖项数组中的值没有变化时，就可以直接使用缓存的计算结果，而不重新执行计算函数。

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

当我们有一个回调函数作为子组件的属性，并且这个回调函数依赖于某些特定的输入值时，可以使用useCallback来缓存回调函数。这样，在依赖项数组中的值没有变化时，就可以使用缓存的回调函数，而不重新创建一个新的回调函数。

案例：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=e5feaa27ec3349838757ebc84729835a