React Redux 动作必须是普通对象 - JavaScript

在使用 Redux 管理你的 React 应用程序时，你需要定义 Redux 动作来修改应用程序状态。这些动作是一个普通的 JavaScript 对象，它们描述了如何从当前状态转换到下一个状态。

Redux 动作

Redux 动作是一个普通的 JavaScript 对象，它至少包含一个 type 属性。type 属性指定了动作的类型，它是一个字符串常量，描述了你的应用程序中发生了什么事情。

以下是一个简单的 Redux 动作示例：

{
  type: 'INCREMENT_COUNTER'
}

上面的示例描述了一个名为 INCREMENT_COUNTER 的动作。

你可以在 type 属性外添加其他属性，这些属性可以描述动作的其他信息。这些附加属性通常称为“有效载荷”。

以下是一个具有有效载荷的示例：

{
  type: 'SET_USER_NAME',
  payload: 'John Doe'
}

上面的示例描述了一个名为 SET_USER_NAME 的动作，并将用户的名称设置为 John Doe。

执行 Redux 动作

要执行 Redux 动作，你需要将动作传递给 Redux store 的 dispatch 方法。这个方法将触发一个 state 的变化，这个变化基于动作对象的内容。

以下是一个执行 Redux 动作的代码示例：

store.dispatch({
  type: 'INCREMENT_COUNTER'
});

上面的示例将向 Redux store 发送一个名为 INCREMENT_COUNTER 的动作。

总结

Redux 动作是一个普通的 JavaScript 对象，它们描述了如何从当前状态转换到下一个状态。当你想要修改应用程序的状态时，你需要创建一个动作，并使用 Redux store 的 dispatch 方法将其发送到 Redux store 中。使用 Redux 动作的最大优势是它们提高了代码的可维护性和可预测性。