useMemo

返回

 

用于对子组件进行优化，提升性能，类似于Vue中的Computed。在useMemo函数内通过复杂计算获取当前值得时候，不需要在父组件每次更新的时候重新计算，只要在依赖项发生变化的时候计算即可。    

useMemo接收两个参数，分别是函数和一个数组（实际上是依赖），函数里return 函数,数组内存放依赖。

 

        使用方式一：useMemo(()=>{},[])

                const addM = useMemo(() => {  // 初始化与组件刷新时执行

                        return () => {

                              setM({ m: m.m + 1 });   // 一定有返回值

                        };

                  }, [m]);   // 表示监控m变化

 

 

        使用方式二：空依赖（ 只在初始化时执行回调函数并返回值 ）

 

 

        使用方式三：指定依赖 （ 用得最多，初始化与依赖跟新时执行回调函数并返回新值，否则返回缓存值 ）