usePersistFn 的实现

usePersistFn 的实现

使用场景: 使用一个函数 函数里面有 变量 count 若想要时刻更新函数里面的count 若使用 useCallback 他会使dom渲染 则可以使用此hook 他的原理就是引用地址不变

具体实现
export const usePersistFn(fn)=>{
const fnRef=useRef(fn);
fnRef.current=fn;

const persistFn=useRef();

if(!persistFn.current){ // 此处只有在 第一次 才会进来 所以只会进来一次 最终这个函数的引用地址是不变的

persistFn.current=function(...args){
return fnRef.current.apply(this,args) // 此处使用 fnRef.current 可以使其调用的是最新的fn

usePersistFn 的实现最先出现在Python成神之路

版权声明:
作者:cc
链接:https://www.techfm.club/p/26604.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>