# Action
State 的变化,会导致 View 的变化。但是,用户接触不到 State,只能接触到 View。所以,State 的变化必须是 View 导致的。Action 就是 View 发出的通知,表示 State 应该要发生变化了。
## 使用 Action 改变 State
Action 是一个对象。其中的type属性是必须的,表示 Action 的名称。其他属性可以自由设置,社区有一个规范可以参考。
```js
const action = {
type: 'ADD_TODO',
payload: 'Learn Redux'
};
```
上面代码中,Action 的名称是ADD_TODO,它携带的信息是字符串Learn Redux。
可以这样理解,Action 描述当前发生的事情。改变 State 的唯一办法,就是使用 Action。它会运送数据到 Store。
使用 dispatch 提交一个 Action
刚才定义了一个 action,可以使用 dispatch 提交之,以下几种写法是等价的:
写法一:
```js
store.dispatch({
type: 'ADD_TODO',
text: 'Learn Redux'
});
```
写法二:
```js
const action = {
type: 'ADD_TODO',
payload: 'Learn Redux'
};
store.dispatch(action)
```
写法三:
```js
function addTodo (text) {
return {
type: 'ADD_TODO',
payload: text
}
}
store.dispatch(addTodo('Learn Redux'))
```
其中方法三也就是下面要介绍的 Action Creators
- 简介
- 第一章 React入门
- 1.1 创建一个React项目
- 1.2 组件
- 1.3 JSX
- 1.4 eject
- 1.5 渲染
- 第二章 React组件
- 2.1 组件定义
- 2.2 数据处理
- 2.2.1 props
- 2.2.2 state
- 2.3 生命周期
- 2.3.1 装载过程
- 2.3.2 更新过程
- 2.3.3 卸载过程
- 2.4 事件处理
- 2.5 条件渲染
- 2.6 列表渲染
- 第三章 React高级
- 3.1 静态类型检查
- 3.1.1 flow
- 3.1.2 typescript
- 3.2 React Developer Tools
- 第四章 Redux状态管理
- 4.1 安装与配置
- 4.2 一个简单的计数器开始
- 4.3 Store
- 4.3.1 获取state
- 4.3.2 subscribe
- 4.4 Action
- 4.4.1 Action Creators
- 4.5 Reducer
- 4.5.1 Reducer 的拆分
- 4.6 与其他状态管理工具的对比
- 第五章 React-Router路由
- 参考资料