## 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路由
- 參考資料