useCallback和useMemo

2021-11-17  本文已影响0人  kzc爱吃梨

https://blog.csdn.net/sinat_17775997/article/details/94453167
https://www.jianshu.com/p/be8fb469d507

useCallback

image.png

当依赖值不变时候,避免了了重新生成函数

image.png
输出结果

第二个参数为空数组时候,函数只会生成一次


第二个参数为空数组时候
image.png

意义是比,面昂贵组件的重复渲染

image.png
react.meno传入的依赖不变时,组件不会重新渲染
  1. 入伙传入的是普通的函数的回调方法,每次父组件重新渲染,子组件也会跟着重新渲染
  2. 如果传入的useCallback的方法,由于第二参数为空数组,函数只会生成一次,所以父组件重新渲染时,子组件不会跟着一起渲染
    image.png
上一篇 下一篇

猜你喜欢

热点阅读