常规的 redux middleware
在前端开发中，我们经常使用 redux 来管理应用的状态。而 redux middleware 则是为了扩展 redux 的功能，它会在每个 action 发起之后，到达 reducer 之前执行。最常见的 Redux middleware 是 redux-thunk 和 redux-saga，通过它们，我们可以使用异步逻辑去处理 action，例如发起一个 AJAX 请求或者等待一个 promise 的完成。
redux-dynamic-middlewares-2
redux-dynamic-middlewares-2 是一款非常强大的 middleware。通过它，我们可以动态地生成并使用 Middleware，这对于构建一些复杂的应用非常方便。当我们有多个场景需要使用不同的 Middleware 的时候，我们常常需要写一些重复的代码或者做出很多的折中妥协。而 redux-dynamic-middlewares-2 正是一种解决方案，它可以让我们在运行时动态地添加或删除 Middleware，同时还具有很好的可重用性和扩展性。
如何使用 redux-dynamic-middlewares-2
安装
redux-dynamic-middlewares-2 可以通过 npm 来安装：
--- ------- ---------------------------
然后我们需要在项目中引入 redux-dynamic-middlewares-2：
------ - ------------ --------------- - ---- -------- ------ - ---------- - ---- ------------------------------ ------ ------- ---- ------------ ----- ----- - -------------------- -----------------------------
添加 Middleware
通过调用 action 中的 addMiddleware 方法，我们可以动态地向 store 添加 Middleware：
------ - ------------- - ---- ------------------------------ ---------------------------------- -- ------ -- -------- -- - -- ---------- ------ ------------- ----
删除 Middleware
通过调用 action 中的 removeMiddleware 方法，我们可以动态地从 store 删除 Middleware：
------ - ---------------- - ---- ------------------------------ -----------------------------------------------------
结语
redux-dynamic-middlewares-2 是一个非常强大的库，它可以让我们在开发复杂应用的时候更加轻松和高效。希望这篇文章能够帮助你在项目中使用 redux-dynamic-middlewares-2。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60067009e361a36e0bce8bd3