react-redux理解笔记

react-redux
'react-redux' 它的这写法很形象的表达了他的作用，它在react和redux之间搭建了一个桥梁，使得他们之间可以相互沟通
react 和 redux是相互独立的，两者没有什么亲属关系，
redux就是一个状态管理工具，可以和react做朋友也可以和angular做朋友，甚至他也可以和vue做朋友
那么，我现在想要和react做朋友了，那么好，我就需要互通有无，react-redux帮我们建立更便利的联系
直接使用redux 工作步骤是，
 用户通过页面--发起操作--对操作进行处理，返回新的状态--监听状态的改变--获取新的状态---响应到页面
 component-dispatch(action)--reducer--subscribe--getState--component
  借助react-reduxde 工作步骤：
 component ---actionCreator(data)--reducer--component

 这样中间处理的环节就不需要手动来写了，react-redux帮我们做了这些

  react-redux 提供了两个API Provider 和connect
 Provider是一个组件，将顶层组件包裹在里面
 他的目的就是让里面的所有组件可以访问到redux的数据
 
 connect方法
字面意思连接，连接的是store和绑定的组件 （这个store是Provider处获取的）
connct()('app') 就是把store和app组件连接 
它是怎么连接的呢？

connect方法返回的是一个Connect组件，并将state和dispatch绑定到Connect组件的参数上，Connect组件将我当前的app组件封装起来，这样app组件就可以通过props来获取到父组件Connect传递的state和props

connect(mapStateToProps,mapDispatchToPtops) 
mapStateToProps 就是把 state映射到props中，也就是把redux中的数据放到react的props中

mapDispatchToPtops 就是把Dispatch也映射到props中使用 

provider 和 connect对比
provider 是顶层组件的作用，store全局共享
connect方法返回的Connect组件是局部的，它将state和props传递给自己包裹的组件使用