React进阶之前端业务Hooks库(六)

前端业务Hooks库

  • 请求
    • useRequest
      • 题外:主流大厂编码规范的要求:
      • 目录详解
      • useRequest.ts
      • useRequestImplement.ts
      • Fetch.ts
      • 插件的实现
        • src/useRetryPlugin.ts
        • src/useAutoRunPlugin.ts
        • 请求失败的日志上报

请求

React进阶之前端业务Hooks库(六)_第1张图片

useRequest

为什么不使用axios而使用useRequest
因为 axios 在 vue 项目中使用的确频繁,而且是提供了 interceptor 这样的一个属性,能够在对应的异常阶段进行拦截,但是 axios 本质其实也是基于 xmlHttpRequest 前端创建的一个请求,本质上和 useRequest 没有任何区别,无外乎是使用了 vue3的语法,和使用前端语法。
对于异常处理,会封装一个onError的方法,axios的来说,会使用catch方式进行拦截,重点是怎么将这种异常进行一个返回。

是因为要对当前的请求做定制化封装,定制化封装参考后面的稳定性监控,在原生项目的请求中,通过插件化的方式去集成,进行请求实例中的封装,拦截。
对于统一的异常处理,通过onError或onCatch暴露出这样的一个异步的方法(callback)

本质上是使用了一个 fetch Instance创建一个请求
难点:

你可能感兴趣的:(react.js,状态模式,前端)