本文主要是介绍[React Hook | useMemo、usecallBack] |学习记录,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
useCallback:
把内联回调函数及依赖项数组作为参数传入 useCallback,它将返回该回调函数的 memoized 版本,该回调函数仅在某个依赖项改变时才会更新.
useCallback(fn,deps) 相当于 useMemo(() => fn, deps)
useMemo:
把“创建”函数和依赖项数组作为参数传入 useMemo,它仅会在某个依赖项改变时才重新计算 memoized 值。这种优化有助于避免在每次渲染时都进行高开销的计算
如果没有提供依赖项数组,useMemo 在每次渲染时都会计算新的值。
你可以把 useMemo 作为性能优化的手段,但不要把它当成语义上的保证。
先编写在没有 useMemo 的情况下也可以执行的代码 —— 之后再在你的代码中添加 useMemo,以达到优化性能的目的。
React.memo + useMemo 避免组件不必要的重复渲染
React.memo为高阶组件,在相同porps的情形下渲染相同的结果,React.memo帮我们缓存了组件
这篇关于[React Hook | useMemo、usecallBack] |学习记录的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!