什么是 redux-cond-reducer？
redux-cond-reducer 是一个用于简化 Redux Reducer 编写的库。它通过提供一些便捷的函数，让开发者可以更加方便地编写和组合 Reducer。这些函数可以根据状态和动作，决定是否执行相应的 Reducer 函数，从而使整个 Reducer 逻辑更加清晰和易于维护。
如何安装 redux-cond-reducer？
你可以使用 npm 包管理器来安装 redux-cond-reducer：
npm install redux-cond-reducer --save
如何使用 redux-cond-reducer？
首先，我们需要了解 redux-cond-reducer 中提供的几个函数：
- cond 条件函数，用于根据某个条件来执行对应的 Reducer；
- otherwise 否则函数，用于在所有条件都不满足时，执行对应的 Reducer；
- combineReducers 函数，用于将多个 Reducer 合并为一个 Reducer。
那么，接下来我们就来看一下 redux-cond-reducer 的使用情况。假设我们有如下的一个 Reducer：
-- -------------------- ---- -------
----- ------------ - -
------ --
--
-------- ------------- - ------------- ------- -
------ ------------- -
---- ------------
------ - ------ ----------- - - --
---- ------------
------ - ------ ----------- - - --
--------
------ ------
-
-现在，我们使用 redux-cond-reducer 来重构一下该 Reducer：
-- -------------------- ---- -------
------ - ----- ---------- --------------- - ---- ---------------------
----- ------------ - -
------ --
--
-------- ----------------------- -
------ - ------ ----------- - - --
-
-------- ----------------------- -
------ - ------ ----------- - - --
-
-------- ------------- - ------------- ------- -
------ ------
------------- ------------------
------------- ------------------
------------ -- -------
--------- --------
-
------ ------- -------------------------我们可以看到，我们创建了两个 Reducer 函数：incrementReducer 和 decrementReducer。然后，我们使用 cond 函数来根据 action.type 的值，执行对应的 Reducer 函数。最后，当所有条件都不满足时，我们使用 otherwise 函数来执行一个默认的 Reducer 函数。
最后，我们将该 Reducer 通过 combineReducers 函数导出，以便在应用中使用。
示例代码
-- -------------------- ---- -------
------ - ----- ---------- --------------- - ---- ---------------------
----- ------------ - -
------ --
--
-------- ----------------------- -
------ - ------ ----------- - - --
-
-------- ----------------------- -
------ - ------ ----------- - - --
-
-------- ------------- - ------------- ------- -
------ ------
------------- ------------------
------------- ------------------
------------ -- -------
--------- --------
-
------ ------- -------------------------总结
redux-cond-reducer 是一个用于简化 Redux Reducer 编写的库。通过 cond 和 otherwise 函数，我们可以更加方便地编写和组合 Reducer。虽然该库的使用还需要一定的学习成本，但是一旦掌握了它的使用方法，对于项目的维护和开发会带来极大的便利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066ffee361a36e0bce8a47