react useMemo的使用心得。为什么总是拿不到最新数据

前言： useMemo和useCallBack 是返回的值和fun用的缓存，且其内部获取到的数据，只对Dependencies arr里的变量，有最新的数据，其他的不在依赖项数组里的数据则获取不到最新的值，即：只有依赖项Dependencies变化了，才去更新closure（闭包）。因此依赖项一定要写全。或者说不必要的时候不要用 useMemo和useCallBack。

基本用法

使得当指定的数据（下面例子中指update）发生变化的时候,才去重新 计算 memoTest 的值。计算期间 state1、state2、state3 都发生了变化。也不会重新计算。因此我们可以看出。useMemo其实是有个缓存的作用的

const momeTest = useMemo(() => {
      return (
      <div>xxx</div>  或者   state1*state2+state3/update
      );
    }, [update]);

精准避坑

如果我们给子组件里用了useMome，且子组件里用到了父组件传一个state。那么即使是父组件的fatherState变化了。只要update 没变，momeTest还是旧的fatherState。

const momeTest = useMemo(() => {
      return (
      <div>{props.fatherState}</div>  
      );
    }, [update]);

升级版使用

如下图所示
这是父组件的两个方法
getvalue 在父组件本身被正常调用

importCallback方法被传到了子组件，并放在了useMemo使用。

const momeTest = useMemo(() => {
      return (
      <div onclick={props.importCallback}>点击调用父组件方法</div>  
      );
    }, [update]);

我的理想情况是：在子组件中，执行importCallback时，拿到的数据是最新的。但是并不是。
实际情况如下图，因为使用了useMemo导致。momeTest 所在的闭包 是历史的context。导致所有的数据，只要是从子组件momeTest中执行importCallback，都会是旧的，包括父组件的所有方法、state等。 除非update发生了改变，触发了momeTest的重新渲染！！！！
所以usememo要谨慎使用。

解决办法：
（这个方法 不推荐，因为importCallback没加useCallback导致每次都是新的，所以这个usememo用和不用没什么区别）

const momeTest = useMemo(() => {
      return (
      <div onclick={props.importCallback}>点击调用父组件方法</div>  
      );
    }, [update，importCallback]);

或者
从外部获取内容

区分： memoizeOne useMemo lodash的memorize

—待完善