14、Redux 状态管理：从动作到存储的全面解析

Redux 状态管理：从动作到存储的全面解析

1. 动作（Actions）

在 Redux 中，应用程序的状态存储在一个单一的不可变对象中。为了更新这个状态，我们需要借助动作（Actions）。动作是唯一能够更新 Redux 应用程序状态的方式，它提供了关于状态应如何改变的指令以及必要的数据。

1.1 动作类型定义

在构建 Redux 应用时，我们通常将动作类型定义在一个名为 constants.js 的文件中，示例如下：

const constants = {
    SORT_COLORS: "SORT_COLORS",
    ADD_COLOR: "ADD_COLOR",
    RATE_COLOR: "RATE_COLOR",
    REMOVE_COLOR: "REMOVE_COLOR"
}
export default constants

使用常量定义动作类型可以避免拼写错误，因为 JavaScript 变量的拼写错误会导致浏览器抛出错误，同时还能利用 IDE 的智能提示和代码补全功能。

1.2 动作类型命名规范

动作类型只是字符串，技术上可以随意命名，但通常建议使用大写字母和下划线，并且明确表达动作的意图，例如 ADD_COLOR 或 RATE_COLOR 。

1.3 动作负载数据

大多数状态更改需要额外的数据，我们将这些数据称为动作的负载（Payload