react-reduxAPI及原理（下篇）——connect篇

上篇provider

connect：连接react组件和react store的函数

提供两个函数，其一是mapStateProps，为组件提供了store中的数据，另一个是mapDispatchToProps将操作分派给store。

function connect(mapStateToProps?, mapDispatchToProps?,
mergeProps?, options?)

参数解释：

• mapStateToProps(state, ownProps)：监听store值的变化，返回一个纯对象，与组件中的props值合并，
• mapDispatchToProps
• mergeProps：
• options(object)；pure默认值为true。

connect工作流程

1. 从context获取store
2. 在componentWillMount中通过mapStateToProps获取state的值
3. 在componentWillMount中通过mapDispatchToProps中获取dispatch的值
4. 从componentWillMount中订阅store的变化
5. 将获得的state、dispatch 和自身的props传给下一个组件