React25 官网额外介绍的Hooks

• useMemo 用于性能优化，通过记忆值来避免在每个渲染上执行高开销的计算
• 适用于复杂的计算场景，例如复杂的列表渲染，对象深拷贝等场景
• 使用方法如下

                

• callback是一个函数用于处理逻辑
• array控制useMemo重新执行的数组，array改变时才会重新执行useMemo
• useMemo的返回值是一个记忆值，是callback的返回值
• 使用方法如下：

        

• 不能在useMemo里面写副作用逻辑处理，副作用的逻辑处理放在useEffect内进行处理

 

• useCallback和useMemo一样，也是用于性能优化的
• 基本使用方法

                

• callback是一个函数用于处理逻辑
• array控制useCallback重新执行的数组，array改变时才会重新执行useCallback
• 跟useMemo不一样的事返回值是callback本身，而useMemo返回的是callback函数的返回值
• 使用方法如下：

                    

 

• useRef 方便我们访问操作dom
• 使用方法如下