介绍
redux-instance 是一个强大的 Redux 中间件，用于在 Redux 应用程序中处理实例化 reducer 的情况。通过 redux-instance，您可以更好地组织您的 Redux 应用程序。
安装
使用 npm 安装 redux-instance
--- ------- -------------- ------
配置
以下是 redux-instance 的配置方法。
------ - ------------ ---------------- --------------- - ---- --------
------ - ------------------------ - ---- -----------------
------ - ------------ - ---- -------------
----- ------------------ - ------------
----- ------------------ - -------------------------- ------------------ ---
----- ----- - ------------
-----------------
----------------
--------------------- ---------------------------
---
-----------------------------------------------
--在上述代码中，我们使用了 createInstanceMiddleware 工厂函数来创建实例化 middleware。在创建 middleware 的时候，我们定义了实例化 reducer 的键，然后我们创建了一个 rootReducer，并将其与实例化 reducer 组合在一起。
使用
现在您已经完成了 redux-instance 的配置，现在您可以使用它来处理 reducer 实例化的情况。以下示例演示了如何在 Redux 应用程序中使用 redux-instance。
------ - ------------ ---------------- --------------- - ---- --------
------ - ------------------------ - ---- -----------------
------ - ------- -- ----------- - ---- -----------
------ - ------- -- -------------- - ---- -------------
----- --------------- - -------
----- ------------------ - ----------
----- ------------------ - ------------
----- ------------------ - -------------------------- ------------------ ---
----- ----- - ------------
-----------------
------ ------------
-------- ---------------
--------------------- ---------------------------
---
-----------------------------------------------
--
----- ------------ - ------------------------------------------------
----- --------------- - ---------------------------------------------------在上述代码中，我们首先从 Redux 中 import default reducers（更具体地说，是 todoReducer 和 counterReducer），并定义用于实例化它们的键。我们随后定义了 instanceReducerKey，然后使用 createInstanceMiddleware 创建 middleware。我们将 instanceReducerKey 作为我们的 key，将我们的 rootReducer 与实例 reducer 组合在一起，并将 middleware 应用于 createStore。最后，通过调用 instanceMiddleware 的 getInstance 方法，我们可以创建我们所需的 reducer 实例。
指导意义
redux-instance 的主要目的是使您的 Redux 应用程序更有组织且更具可扩展性。通过将 reducer 的实例化与默认 reducer 分离开来，您可以更轻松地管理应用程序状态，并且使应用程序代码更易于阅读和维护。除此之外，redux-instance 还允许您动态地创建、更新和销毁 reducer 实例。
示例代码
下面是一个完整的示例代码，演示了如何在 Redux 应用程序中使用 redux-instance。
------ - ------------ ---------------- --------------- - ---- --------
------ - ------------------------ - ---- -----------------
----- --------------- - -------
----- ------------------ - ----------
----- ------------------ - ------------
----- ------------------- - - ------ - --
----- ---------------- - - ------ -- --
----- -------------- - ------ - -------------------- ------- -- -
------ ------------- -
---- ------------
------ - ------ ----------- - - --
---- ------------
------ - ------ ----------- - - --
---- --------
------ - ------ - --
--------
------ ------
-
--
----- ----------- - ------ - ----------------- ------- -- -
------ ------------- -
---- -----------
------ - ------ ---------------------------------- --
---- --------------
------ - ------ ----------------------- -- ---- --- --------------- --
--------
------ ------
-
--
----- ------------------ - -------------------------- ------------------ ---
----- ----- - ------------
-----------------
-------- ---------------
------ ------------
--------------------- ---------------------------
---
-----------------------------------------------
--
----- ------------ - ------------------------------------------------
----- --------------- - ---------------------------------------------------
-------------------------- ----- ----------- ---
-------------------------------------- -- - ------ - -
----------------------- ----- ----------- -------- ---- ----- ---
----------------------- ----- ----------- -------- ------ ----- ---
------------------------------------------ -- - ---- ------ ------ ----- -
----------------------- ----- -------------- -------- ---- ----- ---
------------------------------------------ -- - ------ ----- -
-------------------------- ----- ----------- ---
-------------------------------------- -- - ------ - -
-------------------------- ----- ------- ---
-------------------------------------- -- - ------ - -
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005606881e8991b448de8b8