介绍
redux-conditional 是一个为 Redux 提供条件化 reducer 功能的 NPM 包。它可以根据传入的条件动态地选择使用那些 reducer 函数，并将它们以指定的顺序组合起来，最终生成一个新的 reducer。
安装
可以通过 npm 进行安装：
npm install redux-conditional
使用示例
首先，需要定义一些 reducer 函数，这些函数将根据条件进行选择，只有满足条件的 reducer 才会进行运算。这里我们假设我们有两个 reducer，一个用于计数加一，另一个用于计算减一：
-- -------------------- ---- -------
-- -----------------
------ ------- -------- -------------------- - -- ------- -
------ ------------- -
---- ------------
------ ----- - --
--------
------ ------
-
-
-- ------------------
------ ------- -------- --------------------- - -- ------- -
------ ------------- -
---- ------------
------ ----- - --
--------
------ ------
-
-接下来，我们可以通过 redux-conditional 中的函数 createConditionalSlice 来定义一个条件化的 reducer，我们可以指定一个返回布尔值的判断函数，根据判断函数的返回结果来动态选择 reducer 的运算顺序和使用。在这个示例中，我们将判断函数定义为只有在状态值大于零时才会执行加一操作，否则执行减一操作：
-- -------------------- ---- -------
-- ---------------------
------ - ---------------------- - ---- --------------------
------ -------------- ---- -------------------
------ --------------- ---- --------------------
------ ----- ------------------ - -----------------------
-
-- ----
----------- -
----- -- ----- - -
--
-- ----- -------
------------ ---------------
------------- ---------------
-
--现在，我们可以将定义好的条件化 reducer 与 Redux 的 createStore 函数一并使用，创建一个 store：
// index.js
import { createStore, applyMiddleware } from 'redux';
import { conditionalReducer } from './conditionalReducer';
const store = createStore(
conditionalReducer,
applyMiddleware()
);最后，我们可以派发适当的 action，来测试这个条件化 reducer 的运作：
-- -------------------- ---- ------- -- ------- ---------------- ----- ----------- --- -- ----- - - ---------------- ----- ----------- --- -- ----- - - ---------------- ----- ----------- --- -- ----- - - ---------------- ----- ----------- --- -- ----- - - ---------------- ----- ----------- --- -- ----- - - ---------------- ----- ----------- --- -- ----- - - ---------------- ----- ----------- --- -- ----- - -- ---------------- ----- ----------- --- -- ----- - --
总结
redux-conditional 包提供了一种很便捷的条件化 reducer 的实现方式。使用条件化的 reducer，可以让我们更加灵活地组合和切换 reducer，同时也更加方便地表达复杂的 reducer 逻辑。它的使用方法也很简单，只需要几行代码就可以轻松实现一个条件化 reducer。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066ffee361a36e0bce8a30