UI 组件的参数,通过mapStateToProps),对外输出逻辑(即用户发出的动作如何变为 Action 对象,从 UI 组件传出去,通过mapDispatchToProps)
react-redux...Router>
connect
作用:connect顾名思义,是一个连接器,它是连接容器组件和UI(傻瓜)组件的,它是 react-redux提供的一个方法,用于从 UI 组件生成容器组件...,它们是可选的,它执行的结果依然是一个函数,所以才可以在后面在加上一个圆括号的,而圆括号内又接收一个参数,即是UI组件,也是傻瓜组件
有两次 connect的执行,第一次 connect函数的执行是从react-redux...综归来说, connect做了两件事情:
把store上的状态转换为内层的UI组件(傻瓜组件)的props
把内层UI组件(无状态组件)中的用户触发的动作转化为派送个store的动作,前者(mapStateToProps...)是一个内层傻瓜组件对象的输入,后者(mapDispatchToProps)内层傻瓜组件的输出
mapStateToProps与mapDispatchToProps的工作套路就是:把Store上的状态转化为内层组件的