ReactUse useThrottle 解析

373 阅读1分钟

介绍

节流 hook。

使用

throttle1.png

源码

throttle2.png

思考

reactUse 的 useThrottle 是实现状态值改变的节流,这只是节流的一个使用场景,函数节流更为常见。

useRef

useRef 是一个 React Hook,useRef 将返回相同的对象。你可以改变它的 current 属性来存储信息,并在之后读取它,改变 ref 不会触发重新渲染。

这里通过 nextValue 来存储下一次要改变的值。hasNextValue 是否有值改变。

另一种方式

throttle3.png