如何通过插件化机制优雅封装hook请求，实现长尾词的灵活调用？

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

目录- 引言- useRequest 简介- 架构- 入口处理：Fetch 和 Plugins- State 和 setState- 插件化机制：实现- 核心方法 - runAsync - 请求前：onBefore - 进行请求：onRequest - 取消请求：onCancel - 请求成功后：onSuccess

目录

• 引言
• useRequest 简介
• 架构
• useRequest 入口处理
• Fetch 和 Plugins
• state 以及 setState
• 插件化机制的实现
• 核心方法 —— runAsync
• 请求前 —— onBefore
• 进行请求——onRequest
• 取消请求 —— onCancel
• 最后结果处理——onSuccess/onError/onFinally
• 思考与总结

引言

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

• 加深对 React hooks 的理解。
• 学习如何抽象自定义 hooks。构建属于自己的 React hooks 工具库。