如何使用ahooks实现防止用户重复提交的示例代码？

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

目录+引言+场景+useLockFn+缺点+axios+自动取消重复请求+axios 取消请求+如何自动取消重复请求+思考与总结+引言+文本是深入浅出+ahooks+源码系列文章的第四章，本系列目标主要包含以下内容：

目录

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

引言

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

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

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