useMemo 和 useCallback 的用法

useMemo 和 useCallback 相同之处

1. 两者均返回一个 memoized 值 （官网是这样写的）
   2.均是优化性能，缓存数据的
   3.均接受两个参数，第一个参数是回调函数，第二个参数是依赖的数据

// useMemo
const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);
// useCallback
const memoizedCallback = useCallback(
  () => {
    doSomething(a, b);
  },
  [a, b],
);

注意 ： useCallback(fn, deps) 相当于 useMemo(() => fn, deps)

不同之处

1. useMemo  缓存的结果是回调函数中return回来的值，主要用于缓存计算结果的值，应用场景如需要计算的状态/
   
2. useCallback 缓存的结果是函数，主要用于缓存函数，应用场景如需要缓存的函数，因为函数式组件每次任何一个state发生变化，会触发整个组件更新，一些函数是没有必要更新的，此时就应该缓存起来，提高性能，减少对资源的浪费.