最近在公司的项目里面发现好多同事请求都在使用ahooks的useRequest，发现这个自定义hook确实挺好用，就激发起了我想了解它是怎么实现的欲望。官方的实现思路和代码都很清晰很值的借鉴

useRequest 是一个超级强大，且生产完备的网络请求 Hooks，目前已经成为蚂蚁中台最佳实践内置网络请求方案。在蚂蚁内部中台应用，写网络请求，都推荐用 useRequest。 useRequest 可能是目前社区中最强大，最接地气的请求类 Hooks 了。可以覆盖 99…

React 的 function Component 的状态管理还是比较灵活，我们可以针对一些场景进行封装和优化，从而更优雅的管理我们的 state 状态

通过 url query 来管理 state 的 Hook。可以从官网以及源码中看到 useUrlState 是独立一个仓库进行管理的。为什么呢？

现在越来越多的场景使用了 Map 和 Set，ahooks 对这两者的封装都比较简单，更多的是一些有副作用（修改到原 Map 和 Set）操作的封装。看这部分的源码，就当做小小复习基础知识吧。

对 cookie/localStorage/sessionStorage 的封装是我们经常需要去做的，ahooks 的封装整体比较简单，大家可以参考借鉴。

useRequest 是一个强大的异步数据管理的 Hooks，React 项目中的网络请求场景使用 useRequest 就够了。useRequest 通过插件式组织代码，核心代码极其简单

React 自从引入 hooks，虽然解决了 class 组件的一些弊端，比如逻辑复用需要通过高阶组件层层嵌套等。但是也引入了一些问题，比如闭包问题。

通过类似 useLockFn 这样的 hook或方法给请求函数添加竞态锁的方式解决重复请求的问题。通过 axios 拦截器以及其 CancelToken 功能，我们能够在拦截器中自动将已发的请求取消。