Action
Action 是把数据从应用（这里之所以不叫 view 是因为这些数据有可能是服务器响应，用户输入或其它非 view 的数据 ）传到 store 的有效载荷。它是 store 数据的唯一来源。一般来说你会通过 store.dispatch()将 action 传到 store。
作用：
- action的作用：分辨对数据的具体操作，例如是对数据的或增或删或改或查；
- 操作数据首先得有数据。比如添加数据得有数据，删除数据得有ID。action就是传入这些数据的入口
Reducer
Reducers 指定了应用状态的变化如何响应 actions 并发送到 store 的，actions 只是描述了有事情发生了这一事实，并没有描述应用如何更新 state。
当它被Redux调用的时候会为他传递两个参数State 和 Action。
Reducer会根据 Action 的type来对旧的 State 进行操作。返回新的State。
combineReducers
- 拆分reducer会拆分state：当combineReducer返回新的reducer被执行时，会自动把传入的state拆分给对应的reducer，这个时候子state和子reducer一一对应，然后会把reducer的返回结果合并成新的state，作为整体的reducer函数的返回结果，用来更新store
- 给store派发action对象，就会触发combineReducer返回的reducer函数，调用参数为state
3.由于combineReducers的存在，实现了react每次更新数据时，都是不同的数据，实现了不可变数据（immutability）。
处理 Reducer 关系时的注意事项
开发复杂的应用时，不可避免会有一些数据相互引用。建议你尽可能地把 state 范式化，不存在嵌套。把所有数据放到一个对象里，每个数据以 ID 为主键，不同实体或列表间通过 ID 相互引用数据。把应用的 state 想像成数据库。这种方法在 normalizr 文档里有详细阐述。
永远不要在 reducer 里做这些操作：
修改传入参数；
执行有副作用的操作，如 API 请求和路由跳转；
调用非纯函数，如 Date.now() 或 Math.random()。
Store
整个应用只具有一个store，作为存储数据的地方，并且是Action和View的桥梁。
1.接收view触发的action
2.根据action的类型和其附带的数据对store数据进行修改
3.然后通知view数据已发生改变，更新视图
react-redux
React-Redux是官方提供的一个库，用来结合redux和react的模块。
使用connect这样的一个高阶组件，为每个组件都传入mapStateToProps，mapDispatchToProps这两个属性。这两个属性是两个函数，当它们被connect调用时，connect为mapStateToProps传入state作为参数，调用后返回子组件需要的state，为mapDispatchToProps传入props作为参数，返回子组件需要的函数
网友评论