[React Hook | useMemo、usecallBack] |学习记录

useCallback:
把内联回调函数及依赖项数组作为参数传入 useCallback，它将返回该回调函数的 memoized 版本，该回调函数仅在某个依赖项改变时才会更新.
useCallback(fn，deps) 相当于 useMemo(() => fn， deps)

useMemo:
把“创建”函数和依赖项数组作为参数传入 useMemo，它仅会在某个依赖项改变时才重新计算 memoized 值。这种优化有助于避免在每次渲染时都进行高开销的计算
如果没有提供依赖项数组，useMemo 在每次渲染时都会计算新的值。
你可以把 useMemo 作为性能优化的手段，但不要把它当成语义上的保证。
先编写在没有 useMemo 的情况下也可以执行的代码 —— 之后再在你的代码中添加 useMemo，以达到优化性能的目的。

React.memo + useMemo 避免组件不必要的重复渲染
React.memo为高阶组件，在相同porps的情形下渲染相同的结果，React.memo帮我们缓存了组件