## Action Creators
一个约定俗成的做法,通过创建函数生成 action 对象,而不是在你分发的时候内联生成它们。
例如,比起使用对象文字调用 dispatch :
```
// somewhere in an event handler
store.dispatch({
type: 'ADD_TODO',
text: 'Use Redux'
});
```
你其实可以在单独的文件中写一个 action creator ,然后从 component 里导入:
`actionCreators.js`
```
export function addTodo(text) {
return {
type: 'ADD_TODO',
text
};
}
```
`AddTodo.js`
```
import { addTodo } from './actionCreators';
// event handler 里的某处
store.dispatch(addTodo('Use Redux'))
```
Action creators 总被当作模板受到批评。其实你并不非得把他们写出来!如果你觉得更适合你的项目,你可以选用对象文字 然而,你应该知道写 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路由
- 参考资料