redux-crud-action-types 是一个基于 Redux 的创建 CRUD（增删改查）应用程序所提供操作所需的 action types 的 npm 包。本文将介绍该包的使用教程，以及如何通过示例代码将其应用到实际项目中。
安装
在开始使用 redux-crud-action-types 前，你需要先安装它。你可以通过以下命令使用 npm 进行安装：
npm install redux-crud-action-types --save
接下来，在项目中引入安装好的模块：
import { generateActionTypesFor } from 'redux-crud-action-types';使用
redux-crud-action-types 包只提供了一个函数： generateActionTypesFor。这个函数需要传入一个字符串类型的参数，用来指定你要为哪个 CRUD 类型的 action types 名称创建常量。
const actionTypes = generateActionTypesFor('users');上面的代码将会创建下面的常量：
-- -------------------- ---- ------- - --------------------- ----------------------- --------------------- ----------------------- --------------------- ----------------------- --------------------- ----------------------- --------------------- ----------------------- --------------------- ----------------------- --------------------- ----------------------- --------------------- ----------------------- --------------------- ----------------------- -------------------- ---------------------- -------------------- ---------------------- -------------------- --------------------- -
上面的例子展示了如何为 CRUD 操作中的用户操作（users）创建 action types 常量。
当然，除了 users，你也可以为其他的 CRUD 操作创建常量，比如 comments 或者 books 等。
示例代码
下面是一个示例代码，展示了如何在项目中使用 redux-crud-action-types。
-- -------------------- ---- -------
-- ----------
------ - ---------------------- - ---- --------------------------
----- ----------- - -------------------------------- -- - ---- -- ------ ----- --
-- -- ------ -------
------ ----- -------------------- - -- -- -- ----- ------------------------------- ---
------ ----- -------------------- - ----- -- -- ----- -------------------------------- -------- ----- ---
------ ----- -------------------- - ----- -- -- ----- -------------------------------- ----- ---
------ ----- ----------------- - ---- -- -- ----- --------------------------------- -------- ---- ---
------ ----- ----------------- - -------- -- -- ----- --------------------------------- -------- -------- ---
------ ----- ----------------- - ----- -- -- ----- --------------------------------- ----- ---
------ ----- ----------------- - ---- -- -- ----- --------------------------------- -------- ---- ---
------ ----- ----------------- - -------- -- -- ----- --------------------------------- -------- -------- ---
------ ----- ----------------- - ----- -- -- ----- --------------------------------- ----- ---
------ ----- ----------------- - -- -- -- ----- --------------------------------- -------- -- ---
------ ----- ----------------- - -------- -- -- ----- --------------------------------- -------- -------- ---
------ ----- ----------------- - ----- -- -- ----- --------------------------------- ----- ---
-- -- ------------
----- ------------ - -
---------- ------
------ ---
------ ----
--
-- -- -------
------ ------- -------- ------------------ - ------------- ------- -
------ ------------- -
---- --------------------------------
---- ---------------------------------
---- ---------------------------------
---- ---------------------------------
------ - --------- ---------- ---- --
---- --------------------------------
------ - --------- ---------- ------ ------ -------------- --
---- ---------------------------------
------ - --------- ---------- ------ ------ ---------------- -------------------- --
---- ---------------------------------
------ - --------- ---------- ------ ------ -------------------- -- ------- --- ---------------------- - ------------------- - ----- --
---- ---------------------------------
------ - --------- ---------- ------ ------ ----------------------- -- ------- --- ------------------ --
---- --------------------------------
---- ---------------------------------
---- ---------------------------------
---- ---------------------------------
------ - --------- ---------- ------ ------ ------------ --
--------
------ ------
-
-上面的代码说明了如何使用 redux-crud-action-types 创建 CRUD 操作的 action types 常量，如何定义 action creator，并且定义了一个 reducer，用于处理这些 action。
在应用中使用这些 action creator 可以触发相应的 action，然后被 reducer 处理。如果出现了 loading 或者错误，那么 reducer 会根据之前定义的 action types 处理相关的状态更新。
总结
redux-crud-action-types 是一个方便在 Redux 中创建常量的 npm 包，将常量创建工作封装在一个函数中，因此可以减少开发者人为犯错的可能性。通过本文，你学会了如何使用 redux-crud-action-types 包的教程，以及如何将其应用到实际项目中。在实际项目中，可以根据需要创建不同的 CRUD 操作的 action types 常量，并在应用中使用这些常量，以便方便地管理应用的状态更新。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562ea81e8991b448e0983