React -- useCallback()

35 阅读1分钟

useCallback() 该 hook 是防止因为组件重新渲染,导致我们在函数组件内部写的方法被重新创建,影响性能;即该 hook 起到缓存作用!!!

useCallback(()=>{} , []) 接收两个参数,第一个参数是一个回调函数,第二个参数是依赖项;返回值为传入的回调函数的 memorized 版本 ,只有当第二个参数中的依赖性改变时才会更新,重新创建传入的回调函数!!

使用方法:

在函数内部声明方法时,用表达式的方法,并且把函数体用useCallback()包起来!!!

1868.png

注意:

依赖性要包括回调函数中使用的所有变量,要不变量更新,回调函数不会更新,还是用的是之前的缓存版本,里面存的变量的值也是旧的,就会出错!!!