React中的useMemo和useCallback区别
文章描述
React中的useMemo和useCallback区别是什么?什么场景使用
useMemo 和 useCallback 接收的参数都是一样,第一个参数为回调 第二个参数为要依赖的数据
共同作用:
仅仅 依赖数据 发生变化, 才会重新计算结果,也就是起到缓存的作用
使用场景
- useCallback 父组件更新时,通过props传递给子组件的函数也会重新创建,然后这个时候使用 useCallBack 就可以缓存函数不使它重新创建
- useMemo 组件更新时,一些计算量很大的值也有可能被重新计算,这个时候就可以使用 useMemo 直接使用上一次缓存的值
注意: 不要滥用会造成性能浪费,react中减少render就能提高性能,所以这个仅仅只针对缓存能减少重复渲染时使用和缓存计算结果。
上一篇:微前端学习总结