React中的useMemo和useCallback区别

文章描述

React中的useMemo和useCallback区别是什么?什么场景使用

useMemo 和 useCallback 接收的参数都是一样,第一个参数为回调 第二个参数为要依赖的数据

共同作用:

仅仅 依赖数据 发生变化, 才会重新计算结果,也就是起到缓存的作用

 

使用场景

  • useCallback 父组件更新时,通过props传递给子组件的函数也会重新创建,然后这个时候使用 useCallBack 就可以缓存函数不使它重新创建
  • useMemo 组件更新时,一些计算量很大的值也有可能被重新计算,这个时候就可以使用 useMemo 直接使用上一次缓存的值

注意: 不要滥用会造成性能浪费,react中减少render就能提高性能,所以这个仅仅只针对缓存能减少重复渲染时使用和缓存计算结果。

评论(共0条)