connect方法详解

export default connect(
  state => ({ counter: state.counter }),
)(Counter);


connect方法详解：

首先将它改写成为普通函数的写法：



export default connect(function(state){ //这里的参数state就是connect接收的外部传入的state.
//connect方法接受两个参数：mapStateToProps和mapDispatchToProps,而这里的参数state实际是mapStateToProps的参数

    return(
    counter: state.counter   //这里是建立一个从（外部的）state对象到（UI 组件的）props对象的映射关系
//这里的state是怎么来的呢？<Provider store={store}>从这里来的。
// state.counter 里的counter是怎么来的呢？是从reducer文件内引入的。
    );
    
})(Counter)；  //这个Counter是 UI 组件，export default的内容就是由 React-Redux 通过connect方法自动生成的容器组件