axios
已经逐步成为了 JS
前端甚至 Node
后端主流的网络请求库。其中请求/响应拦截也是使用率非常广泛的功能,众所周知其 get
和 post
请求参数结构不一,使得我们通常会在原 api
上进行二次封装。
既然是封装,那就要考虑到代码的健硕性,参数的扩展性,TS
类型支持,以及可维护性,如何有效设计封装,就是我们接下来要讲的重点。
axios
已经逐步成为了 JS
前端甚至 Node
后端主流的网络请求库。其中请求/响应拦截也是使用率非常广泛的功能,众所周知其 get
和 post
请求参数结构不一,使得我们通常会在原 api
上进行二次封装。
既然是封装,那就要考虑到代码的健硕性,参数的扩展性,TS
类型支持,以及可维护性,如何有效设计封装,就是我们接下来要讲的重点。
自 React 16.8
后的 hooks api 出现以后,大大解决了代码的简介性,然而除了官方提供的几个 hooks api 之外,我们还可以自定义自己的 hooks api,以实现业务代码的简化和复用。
我们可以通过下列的例子,真正进入 hooks 的世界。
typescript 功能不过多介绍,本文属于 typescript 进阶教程,适合了解 ts 基础又想要进一步提升的人。
本文将实现一个对 ant-design
form-item
组件二次封装的功能。