redux-extend-reducer 是一个用于处理 Redux reducer 的 npm 包，它可以帮助我们扩展 reducer 的功能，并且让我们更简单地管理状态。
安装
在使用之前，您需要先安装该包。您可以使用以下命令进行安装：
npm install redux-extend-reducer
使用
在您的 Redux 项目中，您需要先引入 redux-extend-reducer 并使用 extendReducer 函数对您的 reducer 进行扩展。
-- -------------------- ---- -------
------ - ------------- - ---- -----------------------
----- ------------ - - -- --- ----- -- -
-------- -------------------- - ------------- ------- -
------ ------------- -
---- ------------
------ - ------ ----------- - - --
---- ------------
------ - ------ ----------- - - --
--------
------ ------
-
-
----- --------------- - ----------------------------- -
-- ------ ------- --
---
------ ------- ----------------扩展功能
redux-extend-reducer 提供了以下的扩展功能：
请求状态
-- -------------------- ---- -------
------ - ------------- - ---- -----------------------
----- ------------ - - ----- ----- ---------- ------ ------ ---- --
-------- -------------------- - ------------- ------- -
------ ------------- -
---- ---------------
------ - --------- ---------- ---- --
---- ---------------
------ - --------- ----- --------------- ---------- ----- --
---- ----------------
------ - --------- ------ --------------- ---------- ----- --
--------
------ ------
-
-
----- --------------- - ----------------------------- -
-------- ---------------
-------- ---------------
------ ---------------
---
------ ------- ----------------对于一个请求，我们通常需要对请求状态进行管理，包括 loading、error 等状态。这里通过传入 request、receive、error 三个参数，即可实现对请求状态的管理。
合并 reducer
-- -------------------- ---- -------
------ - ------------- - ---- -----------------------
----- ------------ - - -- --- ----- -- -
-------- -------------------- - ------------- ------- -
------ ------------- -
---- ------------
------ - ------ ----------- - - --
---- ------------
------ - ------ ----------- - - --
--------
------ ------
-
-
----- ----------- - ------ - - ----- --- ---- - -- ------- -- -
------ ------------- -
---- -----------
------ - --------- ----- -------------- --
---- ----------
------ - --------- ---- -------------- --
--------
------ ------
-
--
----- --------------- - ---------------
-------- ---------------
----- -----------
---
------ ------- ----------------我们需要对多个 reducer 进行管理，这时候就需要使用 combineReducer。但是使用 combineReducer 后，我们的 reducer 状态无法直接获取和设置。这里，我们可以使用 redux-extend-reducer 提供的合并 reducer 的方法。示例代码中，我们合并了两个 reducer：counterReducer 和 userReducer。
子状态更新
-- -------------------- ---- -------
------ - ------------- - ---- -----------------------
----- ------------ - - -------- - ------ - - --
-------- -------------------- - --------------------- ------- -
------ ------------- -
---- ------------
------ - ------ ----------- - - --
---- ------------
------ - ------ ----------- - - --
--------
------ ------
-
-
----- --------------- - ---------------
-------- --------------
---
----- --------------- - ----------------- -------- - ------ - - -- - ----- ----------- ---
----------------------------- -- - -------- - ------ - - -在 Redux 中，我们可以通过 reducer 来更新 state，但是如果我们的 state 是一个对象，我们需要对其子属性进行更新，那么原生的 reducer 就无法满足我们的需求。在这种情况下，我们可以使用 redux-extend-reducer 提供的子状态更新功能。
路由状态
import { extendReducer } from 'redux-extend-reducer';
const routeReducer = extendReducer('route', {
path: '',
params: {}
});
export default routeReducer;redux-extend-reducer 还提供了路由状态的管理，我们只需要传入 route 和路由对象，即可管理我们的路由状态。
结语
redux-extend-reducer 可以帮助我们更加简单地管理 reducer，扩展 reducer 的功能，处理各种复杂状态，同时，它的学习成本也比较低。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005603681e8991b448de65a