react useCallBack 小记

useCallBack 使用方法：

const callBackFun = useCallBack(() => {},[obj1])

因为useCallBack 会缓存方法，只有第二个参数发生变化时才会缓存，并且，方法内部的变量只会在调用或者 第二个参数的值改变时才会重新初始化，所以如果你内部使用了动态变量的话，比如obj2的话，如果obj1初始化的时间比obj2早的话，callback取到的值一直是之前的旧值。

例：

const [obj2,setObj2] = useStatus({});

setTimeOut(() => {

        setObj2({name:1,age2})

},3000)

const callBackFun = useCallBack(() => {

        let name = obj2.name;

        let age = obj2.age;

},[obj1])

callBackFun();

这时候第一次调用callBackFun时，obj2的值依旧是{}

所以如果要正确取值的话，需要这么定义：

const callBackFun = useCallBack(() => {

        let name = obj2.name;

        let age = obj2.age;

},[obj1,obj2])