最近，我在开发一个 Redux 应用时，发现了一个非常棒的 npm 包——redux-crud-actions。这个包能够让开发者更加容易地创建 Redux action。Redux 中的 action 是一个描述应用状态变化的对象，通常包含一个 type 字段或者其他的元数据（例如应用中所需要的载荷）。Redux-crud-actions 包能够帮助我们更加方便地创建 Redux action，并且降低代码复杂度。
安装
首先，我们需要在你的项目中安装 redux-crud-actions。可以使用 npm 进行安装，在终端中运行一下命令：
npm i redux-crud-actions
使用
下面是对使用 redux-crud-actions 的简单示例。假设我们有一个物品列表，它可以完成以下的操作：
- 获取全部物品列表
- 获取单个物品
- 创建新的物品
- 更新某个物品
- 删除某个物品
首先，我们需要在 actionTypes.js（或者其他的 Redux 文件）中定义 action 类型：
export const FETCH_ITEMS = 'FETCH_ITEMS'; export const FETCH_ITEM = 'FETCH_ITEM'; export const CREATE_ITEM = 'CREATE_ITEM'; export const UPDATE_ITEM = 'UPDATE_ITEM'; export const DELETE_ITEM = 'DELETE_ITEM';
接下来，在 items.js（或者其他的 Redux 文件）中，我们可以使用 Redux-crud-actions 来创建所有这些 action：
-- -------------------- ---- ------- ------ - ----------------- - ---- --------------------- ------ - -- ----- ---- ---------------- ------ ----- - ----------- ---------- ----------- ----------- ----------- - - -------------------------- - -------- --------- ---
此处，我们调用 createCrudActions 函数，并且传递了两个参数。第一个参数是资源名称（在这个例子中就是“items”），同时会自动生成 actions 类型等基本信息，非常方便。另外一个参数是一个扩展选项，可以自定义 action 的基本信息。
这个时候，我们已经创建了所有的 Crud action，可以使用 dispatch 方法将这些 action 触发。这是一个非常漂亮的解决方案！redux-crud-actions 将大量繁琐的工作卸掉了，留下了更简单，更干净的代码。
额外选项
redux-crud-actions 还支持以下可选项：
headers
可以用来添加自定义请求头。在大多数情况下，我们并不需要全局配置请求头，但是在一些特殊情况下，还是很有用的。
-- -------------------- ---- -------
------ ----- -
-----------
----------
-----------
-----------
-----------
- - -------------------------- -
-------- ---------
-------- -
-------------- ------- ----------------------------------------
--
---###afterSuccess 和 afterError
相当于 response or error 的回调。
-- -------------------- ---- -------
------ ----- -
-----------
----------
-----------
-----------
-----------
- - -------------------------- -
-------- ---------
-------- -
-------------- ------- ----------------------------------------
--
------------- ---------- -- ----- ---------- -- -
-- -- ---- ------ --- ---
--
----------- ---------- -- ----- ------- -- -
-- -------
--
---###能够为 action 内容打补丁
-- -------------------- ---- -------
------ ----- -
-----------
----------
-----------
-----------
-----------
- - -------------------------- -
-------- ---------
------ -------- --------- -- -
----- ------ - ------------- -- ---
------ -
----------
-------- -------------
--
--
---##总结
Redux-crud-actions 是一个功能强大而且非常实用的工具。它能够帮助开发者更加方便地创建 Redux action，并且降低代码复杂度。如果你使用 Redux 构建应用，那么不妨尝试 redux-crud-actions 这个 npm 包。它可能会大大简化你的代码，让你的应用开发过程变得更加轻松愉快！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067007e361a36e0bce8aa5