useCallback和useMemo
2021-11-17 本文已影响0人
kzc爱吃梨
https://blog.csdn.net/sinat_17775997/article/details/94453167
https://www.jianshu.com/p/be8fb469d507
useCallback
![](https://img.haomeiwen.com/i16572102/d97a9a7056bd7b65.png)
当依赖值不变时候,避免了了重新生成函数
![](https://img.haomeiwen.com/i16572102/f58e3b76388d21bd.png)
![](https://img.haomeiwen.com/i16572102/3439e48087ede80a.png)
第二个参数为空数组时候,函数只会生成一次
![](https://img.haomeiwen.com/i16572102/1f840a2cbe44432e.png)
![](https://img.haomeiwen.com/i16572102/23d257094e49820d.png)
意义是比,面昂贵组件的重复渲染
![](https://img.haomeiwen.com/i16572102/05240b6380d65e6f.png)
react.meno
传入的依赖不变时,组件不会重新渲染
- 入伙传入的是普通的函数的回调方法,每次父组件重新渲染,子组件也会跟着重新渲染
- 如果传入的
useCallback
的方法,由于第二参数为空数组,函数只会生成一次,所以父组件重新渲染时,子组件不会跟着一起渲染
image.png