以下是上节内容的代码结构,完成的一个todolist,并对Redux进行了拆分,按功能模块化管理
├─.gitignore├─package-lock.json├─package.json├─README.md...安装完成后,可以在根目录的package.json中查看是否有的
对于理解 react-redux中的 Provider和 connect,有必要再次回顾一下之前学过的UI组件和容器组件
UI组件(傻瓜组件...,另一个是 mapDispatchToProps,当然还有两个参数: mergeProps, options,它们是可选的,它执行的结果依然是一个函数,所以才可以在后面在加上一个圆括号的,而圆括号内又接收一个参数...即将用户对 UI 组件的操作映射成 Action
综归来说, connect做了两件事情:
把store上的状态转换为内层的UI组件(傻瓜组件)的props
把内层UI组件(无状态组件)中的用户触发的动作转化为派送个...既然作为函数, mapStateToProps执行后应该返回一个对象,里面的每一个键值对就是一个映射
mapStateToProps 接受两个参数,第一个是 state,第二个是 ownProps, store