Redux 中的 CRUD 操作：redux-crud-reducers
在 Web 前端开发中，Redux 是相当常见的数据管理工具。随着项目规模的增大，Redux 的基础功能往往没有办法满足开发需求。在这种情况下，应用会出现更多操作类型，例如增删改查操作，通常被称为“CRUD”。
针对这种需求，社区逐渐出现了很多专门针对 Redux 的 CRUD 操作的 npm 包。其中一个非常流行的包是 redux-crud-reducers。这个包实现了在 Redux 中进行简化的 CRUD 数据操作，使得开发人员可以更容易地处理 CRUD 数据相关的逻辑。
安装和基本使用
要使用 redux-crud-reducers 包，只需要使用 npm 进行安装即可：
--- ------- ------ -------------------
在你的 Redux 应用中，使用该库提供的 createCrudReducer 方法来创建 CRUD 操作相关的 reducer，示例如下：
------ - ----------------- - ---- ---------------------- ------ ----- ----- - -------------------------- ------
在这个例子中，我们在创建 reducer 时，指定了“books”作为 CRUD 操作对象的名称，第二个参数“id”指定了该对象的主键值名称。还有一些其他的参数，这些参数会影响库在 reducer 中的行为。
接下来，就可以将这个 reducer 添加到 Redux store 中：
------ - ------------ --------------- - ---- -------- ------ - ----- - ---- ------------- ----- ----- - ----------------------------- ------ -- ----- -------- ------- ----
在使用这个 store 和 reducer 后，你就可以进行 CRUD 操作了，这些操作都可以通过 redux 的 action 进行完成。以下是连接到此 reducer 的一些基本动作：
-- -----
----- ------------- - -
----- ------------
-------- -
--- ----
------ ---- -- ----- ------
------- ---- -------
----- -----
--
--
------------------------------
-- ----
----- ---------------- - -
----- ---------------
-------- -
--- ----
------ ---- ---- --------
--
--
---------------------------------
-- ----
----- ---------------- - -
----- ---------------
-------- - --- --- --
--
---------------------------------这个 reducer 会自动更新存储的数据，以响应这些操作。此时，你就不用再为这些操作手动书写 reducer 了，而是可以直接使用 redux-crud-reducers 提供的工具和模板进行开发。
高级使用和定制
当然，如果你了解 Redux 的基本使用和实现，你必然会想要更进一步，使用 redux-crud-reducers 库进行定制操作。
其中最重要的是该库中的 createCrudHandlers 函数。通过这个函数，你可以定义与你的数据模型类对应的 CRUD 操作函数。该函数的模型如下：
------ - ------------------ - ---- ----------------------
-- ---------
----- --------------- - -
--- -----
------ -
----- ------------
---------- ------------
----------- -----
-------- --------
------------ ---
---------- ------- -- -
-- ----- -----
--
------------ ------- -- -
-- ----- -----
--
------------- -------- -- -
-- ------ -----
--
------------ ------- -- -
-- ----- -----
--
--
--
-- -- ---- ----
----- -------- - ------------------------------------如此定义的 handlers 就是一个对象，包含了一组与数据模型对应的 CRUD 操作函数。你可以使用这组函数，来定制化你的数据操作并与 Redux store 集成。
当然，这仅仅是使用 redux-crud-reducers 的一部分。如果希望深入了解该库的具体实现，比如如何定制 reducer 的行为，可以查看该库的详细文档。
最后提醒一些，Redux 作为一种数据管理框架，实现 CRUB 操作不是其首要目标。在使用 CR UB 相关库时，一定要注意遵循 Redux 的设计原则，保持数据管理的可预测性和可控性，以避免给项目带来更多的麻烦和 bug。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60067007e361a36e0bce8ad0