useCallback

10 小时前
/ ,
1

useCallback

与字面量对象 {} 总是会创建新对象类似,在 JavaScript 中,function () {} 或者 () => {} 总是会生成不同的函数,这意味着react中的函数默认总会在重渲染中改变对象。useCallback(callback,deps) 可以通过指定一个deps依赖数组,当deps中的依赖未改变时,跳过 useCallback中回调函数的重渲染。

使用时机

  1. 记忆化组件。虽然memo()可以在props不变时记忆化组件,但props中可能也会传递function,这时就可以通过callback先记忆化此function。memo()和usecallback时常一起出现。
  2. 防止频繁触发的 effect, 有时 function会成为 effect的deps,使用usecallback防止effect频繁触发。

使用社交账号登录

  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...