useMemo (const cachedValue = useMemo(calculateValue, dependencies))
是 React 中的一个 Hook,它可以用来缓存计算结果,并在后续的渲染中重复利用这些计算结果。useMemo 接收两个参数:一个函数和一个依赖数组。当依赖数组中的任何一个值发生变化时,useMemo 会重新执行传入的函数,并返回新的计算结果。
useMemo和useCallback的区别及使用场景(const cachedFn = useCallback(fn, dependencies))
useMemo 缓存的结果是回调函数中return回来的值,主要用于缓存计算结果的值,应用场景如需要计算的状态
useCallback 缓存的结果是函数,主要用于缓存函数,应用场景如需要缓存的函数,因为函数式组件每次任何一个state发生变化,会触发整个组件更新,一些函数是没有必要更新的,此时就应该缓存起来,提高性能,减少对资源的浪费;另外还需要注意的是,useCallback应该和React.memo配套使用,缺了一个都可能导致性能不升反而下降。
原文链接:https://blog.csdn.net/weixin_43804496/article/details/131040368
标签:场景,函数,useMemo,useCallback,缓存,计算结果 From: https://www.cnblogs.com/zw100655/p/18138614