flow.jpg
Action
一个用于描述要干什么动作的普通对象。
{
type: 'ADD_TODO', // type字段必须
text: '吃饭'
}
Reducer
根据Action动作的不同，对仓库的数据做处理的一个纯函数。
const todoApp = (state, action) => {
switch (action.type) {
case 'ADD_TODO':
return [
...state,
{
id: action.id,
text: action.text,
completed: false
}
]
default:
return state
}
}
Store
仓库，负责存放状态（state），将 actions 与 reducers 联系起来的东西。
它的功能点有：
- 维持应用的 state；
- 提供
getState()方法获取 state； - 提供
dispatch(action)方法更新 state； - 通过
subscribe(listener)注册监听器; - 通过
subscribe(listener)返回的函数注销监听器。
网友评论