介绍
redux-modules-middleware 是一个帮助你处理 Redux 异步 Action 的中间件。它可以简化你在处理异步流程时的复杂度，让你的代码更加易读易写。
在使用 redux-modules-middleware 之前，你需要先掌握 Redux 的基本概念和 API。如果你还不了解 Redux，可以先学习 Redux 官方文档中的基础教程。
安装
你可以通过 npm 安装 redux-modules-middleware：
npm install redux-modules-middleware
使用
在 Redux 应用中使用 redux-modules-middleware 的步骤如下：
导入 redux-modules-middleware：
import { modulesMiddleware } from 'redux-modules-middleware';创建 Redux store，并将中间件应用到 store 上：
import { createStore, applyMiddleware } from 'redux'; import { modulesMiddleware } from 'redux-modules-middleware'; import reducers from './reducers'; const store = createStore(reducers, applyMiddleware(modulesMiddleware));创建 Action 和 Module：
-- -------------------- ---- ------- -- -- ------ -- ------ ----- ------------------- - ---------------------- ------ ----- ------------------- - ---------------------- ------ ----- ------------------- - ---------------------- -- -- ------ ---- ------ ----- ---------- - -- -- -- ------ --------------------- -------------------- --------------------- -------- --------------------------------- -- ----------------- --- -- -- ------ ------ ------- -------------- ----- -------- -------- - ---------- -- ---
在 React 组件中使用 Module：
-- -------------------- ---- ------- ------ ------ - --------- - ---- -------- ------ - ------- - ---- -------------- ------ ------------ - ----------- -------------------- - ---- ------------------- ----- --------- ------- --------- - ------------------- - ------------------------ - -------- - ----- - ------ ---------- - - ----------- -- ------------ - ------ ---------------------- - ------ - ---- --------------- -- - --- ------------------------------ --- ----- -- - - ----- --------------- - ----- -- -- ------ -------------------------------------- ----------- ------------------------------------------- --- ----- ------------------ - - ---------- -- ------ ------- ------------------------ -------------------------------
深入理解
redux-modules-middleware 的核心思想是让你把异步逻辑封装在 Module 中。通过使用 middleware，redux-modules-middleware 可以自动地处理 Action 的执行流程，使应用的代码更简洁，更易读。
redux-modules-middleware 的 API 主要包括 createModule 和 createReducer 两个函数。createModule 用来创建一个 Module 对象，包含了 Module 的名称、Action 创建函数、Reducer 和 Selector 函数。createReducer 用来创建一个 Reducer，为 Module 中的 Action 定义处理函数。
一个 Module 把相关的 Action 创建函数，Reducer 和 Selector 函数组合在一起，方便使用和维护。在 React 组件中使用 Module 只需要通过 connect 函数进行连接即可。
示例代码
你可以通过以下链接查看完整的示例代码：
https://github.com/leandronunes85/redux-modules-middleware-example
总结
使用 redux-modules-middleware 可以帮助我们更好地管理 Redux 应用中的异步流程，并提高代码的可读性和可维护性。它的核心思想是把异步逻辑封装在 Module 中，使得应用的代码更加简洁易读。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067008e361a36e0bce8b95