Redux 是一个 JavaScript 应用程序状态管理工具，用于管理单一状态树。Redux-actions-class 是 Redux 中的一个 npm 包，它是一个封装的类，用于帮助我们更方便地创建 Redux actions。
安装
执行以下命令来安装 redux-actions-class：
--- ------- ------ -------------------
使用
使用 redux-actions-class，您只需要创建一个 ES6 类来表示 Redux action，然后将其传递给 createAction 方法即可。
例如，假设我们有以下 action 类：
----- ----------- -
--------------------- --------- -
------------- - ---------
------------- - ---------
-
-我们可以使用以下步骤将其转换为 Redux action：
- 导入 createAction 方法：
------ - ------------ - ---- ----------------------
- 使用 createAction 方法创建 Redux action：
----- ----------- - --------------------------
这样就完成了 Redux action 的创建。我们可以将其用作 dispatch 方法的参数：
-------------------------------------- -------------
添加更多属性
有时我们需要将更多属性添加到 Redux action 中。例如，我们可能希望添加一个 type 属性来指定 action 的类型。
为此，我们可以在我们的类定义中添加一个 static 属性，用于存储 type 属性：
----- ----------- -
------ ---- - --------
--------------------- --------- -
------------- - ---------
------------- - ---------
-
-然后，我们可以在 createAction 方法调用中提供此参数：
----- ----------- - ------------------------- --------
现在，我们可以在我们的 reducer 中使用它：
-------- ------------------- ------- -
------ ------------- -
---- -----------------
-- -- ---------
-
-添加更多方法
我们也可以在 action 类中添加更多自定义方法。例如，我们可以添加一个 getters 方法来获取 action 的属性。
----- ----------- -
------ ---- - --------
--------------------- --------- -
------------- - ---------
------------- - ---------
-
--------- -
------ -
--------- --------------
--------- -------------
-
-
-然后我们需要告诉 createAction 方法使用 getters 方法。我们可以使用以下代码：
----- ----------- - ------------------------- -------- ------------
现在，我们可以在 reducer 中使用 getters 方法获取属性值：
-------- ------------------- ------- -
------ ------------- -
---- -----------------
----- - --------- -------- - - -----------------
-- -- ---------
-
-示例代码
以下是一个完整的示例代码，它演示了如何使用 redux-actions-class 创建 Redux action （包括 type 和 getters 属性）：
------ - ------------ - ---- ----------------------
----- ----------- -
------ ---- - --------
--------------------- --------- -
------------- - ---------
------------- - ---------
-
--------- -
------ -
--------- --------------
--------- -------------
-
-
-
----- ----------- - ------------------------- -------- ------------
-------- ------------------- ------- -
------ ------------- -
---- -----------------
----- - --------- -------- - - -----------------
-- -- ---------
-
-
-------------------------------------- -------------总结
使用 redux-actions-class，我们可以更轻松地创建 Redux action，有助于简化代码并提高开发效率。此外，我们可以添加更多自定义方法和属性来增强我们的 Redux action。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6006700ce361a36e0bce8c52