如何用ahooks实现用户重复点击防止的防抖功能？

本文共计1956个文字，预计阅读时间需要8分钟。

目录+引言+场景+useLockFn+缺陷+axios+自动取消重复请求+axios 取消请求+如何自动取消重复请求+思考与总结+引言+本文深入浅出地探讨ahooks库中的第四篇源码系列文章，主要目标如下：

目录

• 引言
• 场景
• useLockFn
• 缺点
• axios 自动取消重复请求
• axios 取消请求
• 如何自动取消重复的请求
• 思考与总结

引言

本文是深入浅出 ahooks 源码系列文章的第四篇，这个系列的目标主要有以下几点：

• 加深对 React hooks 的理解。
• 学习如何抽象自定义 hooks。构建属于自己的 React hooks 工具库。
• 培养阅读学习源码的习惯，工具库是一个对源码阅读不错的选择。

注：本系列对 ahooks 的源码解析是基于 v3.3.13。自己 folk 了一份源码，主要是对源码做了一些解读，可见 详情。