什么是 redux-declarative-request-axios？
redux-declarative-request-axios 是一个能帮助前端开发者更加轻松地使用 axios 请求的 npm 包。这个包基于 redux-declarative-request 和 axios 进行开发，可以更好地管理异步请求，并且可以在 redux 的 store 中方便地查看请求的状态和数据。
安装
可以通过 npm 进行安装：
--- ------- -------------------------------
或者使用 yarn：
---- --- -------------------------------
如何使用 redux-declarative-request-axios？
第一步：创建请求配置
在使用 redux-declarative-request-axios 前，需要先创建一个请求配置，该配置包含以下信息：
- 请求方法
- 请求 URL
- 请求参数
- 请求头
------ - ---------- - ---- ---------------------------------- ----- ------ - ------------ ------- ------ ---- ------------------------------------ ------- - ------ -- -- -------- - --------------- ------------------ -- ---
第二步：使用 middleware
在使用 redux-declarative-request-axios 时，需要使用它提供的 middleware。
------ - ------------ --------------- - ---- -------- ------ - ---------- - ---- ---------------------------------- ----- ----- - ------------------------ -----------------------------
第三步：创建 Action
在 redux 中使用 redux-declarative-request-axios，需要先创建一个 Action，该 Action 包含以下信息：
- 请求配置
- 请求成功时的处理函数
- 请求失败时的处理函数
- 中断请求的处理函数
------ - ------------ - ---- ---------------------------------- ----- ---------- - -------------- -------- ------- -------- ---------- -- -- ----- ---------------------- -------- ------------- --- -------- ------- -- -- ----- ---------------------- -------- ------------- --- ------ -- -- -- ----- ------------------- --- ---
第四步：派发 Action
在需要进行请求时，可以派发该 Action：
---------------------------
redux-declarative-request-axios 的指导意义
redux-declarative-request-axios 是一项方便前端开发的工具，它可以更好地管理异步请求，便于开发者对请求的状态和数据进行查看、调试和管理。使用 redux-declarative-request-axios 能够使前端开发的效率和质量都有所提高。
示例代码
Action
------ - ------------ - ---- ----------------------------------
----- ---------- - --------------
-------- ------------
------- ------
---- ------------------------------------
------- - ------ -- --
-------- - --------------- ------------------ --
---
-------- ---------- -- -- ----- ---------------------- -------- ------------- ---
-------- ------- -- -- ----- ---------------------- -------- ------------- ---
------ -- -- -- ----- ------------------- ---
---Reducer
----- ------------ - - -------- ------ ----- ----- ------ ---- --
-------- ------------------ - ------------- ------- -
------ ------------- -
---- ----------------------
------ - --------- -------- ---- --
---- ----------------------
------ - --------- -------- ------ ----- -------------- --
---- ----------------------
------ - --------- -------- ------ ------ -------------- --
---- --------------------
------ - --------- -------- ----- --
--------
------ ------
-
-调用 Action
------ - ----------- - ---- --------------
-------- ------- -
----- -------- - --------------
------------ -- -
---------------------
-- ------------
-- ---
-来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60056e8481e8991b448e74e5