react-redux组件connect和bindActionCreators

前端知识点总结

connect组件

connect()是react-redux中的核心方法之一，它将react组件和redux中的store真正连接在一起。
react-redux将组件分为展示型组件和容器性组件
展示型组件：1）只负责UI的展示，不带有任务业务逻辑
2）没有状态，不使用this.state这个变量
3）所有数据都由参数this.props提供
4）不使用任何redux的API

容器型组件：
1）负责管理数据和业务逻辑，不负责UI的呈现
2）带有内部状态
3）使用Redux的API

connect的参数

mapStateToProps,mapDispatchToProps,mergeProps,options

mapStateToProps（输入逻辑）: 负责将通过state获得数据映射到展示组件的this.props,定义该参数，组件将会监听redux store的变化

mapDispatchToProps（输出逻辑）：负责将用户操作转化为action的功能函数映射到展示组件的this.props

mergeProps：如果指定了这个参数，mapStateToProps() 与 mapDispatchToProps() 的执行结果和组件自身的 props 将传入到这个回调函数中

options：可以定制connect的行为

bindActionCreators

作用是将一个或多个dispatch和action组合起来生成mapDispatchToProps的内容