概述
redux-type-helper 是一个方便 Redux 开发者定义和使用 action type 的 npm 包。它提供了一种简单而且类型安全的方式来定义和导出 action type，可以减少代码冗余，提高代码可维护性和可读性。
安装
使用 npm 安装 redux-type-helper：
--- ------- -----------------
使用
定义 action type
redux-type-helper 提供了一个 defineActionType 函数来定义 action type。用法如下：
------ - ---------------- - ---- -------------------- ----- --------- - ------------------------------
这样，我们就定义了一个名为 INCREMENT 的 action type。该函数的返回值为一个字符串类型。
我们可以传入一个命名空间参数来定义更加清晰的模块化 action type。例如：
------ - ---------------- - ---- -------------------- ----- ------- - ---------- ----- --------- - ----------------------------- ---------
这样，我们就定义了一个名为 COUNTER/INCREMENT 的 action type。
导出 action type
用 export 导出 action type 对于外部使用非常友好。redux-type-helper 通过提供 createTypes 函数来导出 action type。用法如下：
------ - ----------------- ----------- - ---- -------------------- ----- ------- - ---------- ----- --------- - ----------------------------- --------- ----- --------- - ----------------------------- --------- ------ ------- ------------- ---------- ---------- --- -- --------- ------ ----- ------------------ - ------------- ---------- ---------- ---
我们这里将多个 action type 通过 createTypes 函数导出为一个对象。这样我们就可以在应用中方便地使用它们。如果同时定义了多个命名空间的 action type，可以考虑分别按照命名空间导出，便于组织和管理。
使用 action type
当我们导出 action type 后，我们就可以在 Redux 中方便地使用它们了。以 counterActionTypes 为例：
------ - ------------------ - ---- ----------
-------- -------------------- - -- ------- -
------ ------------- -
---- -----------------------------
------ ----- - --
---- -----------------------------
------ ----- - --
--------
------ ------
-
-这里的 counterActionTypes.INCREMENT 和 counterActionTypes.DECREMENT 就是我们之前定义的 action type。
总结
使用 redux-type-helper 可以方便地定义和导出 action type，提高代码可维护性和可读性。在实际开发中，我们也可以依据类似的思路，自己定义一些工具函数，以提高代码质量和开发效率。
示例代码
------ - ----------------- ----------- - ---- --------------------
----- ------- - ----------
----- --------- - ----------------------------- ---------
----- --------- - ----------------------------- ---------
------ ------- -------------
----------
----------
---
-- ---------
------ ----- ------------------ - -------------
----------
----------
---
-------- -------------------- - -- ------- -
------ ------------- -
---- -----------------------------
------ ----- - --
---- -----------------------------
------ ----- - --
--------
------ ------
-
-来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600671cc30d0927023822860