1-截图的意思就是，我这个"提供器（Provider）"连接了store，那么我这个Provider里面的所有组件，都有能力去获取store里面的内容了，也就是说todolist，a，b都有能力去获取组件的
🌟🌟🌟🌟：react-reudx入门
2-截图的意思就是，connect方法的意思是让我的todolist组件和store进行连接，怎么连接，就是通过connect方法进行连接；
🌟🌟🌟🌟：react-reudx入门
3-创建完了conncet连接之后，图中的mapStateToPorps函数有个映射关系，store组件里面的state的inputValue，会映射到组件的props的inputValue里面去
🌟🌟🌟🌟：react-reudx入门
因为是映射到组件的props中去的，所以上图的state需要替换成props。（如下图所示）
🌟🌟🌟🌟：react-reudx入门
下方再附一张注意点的图
🌟🌟🌟🌟：react-reudx入门
接下来要说的是mapDispatchToProps方法，意思就和字面的单词意思一样，将dispatch方法连接到store上
🌟🌟🌟🌟：react-reudx入门
也就是说这里的props，实际上是调用的下图中的方法
🌟🌟🌟🌟：react-reudx入门
然鹅，改变store里面的数据，还需要做的就是调用dispatch方法
🌟🌟🌟🌟：react-reudx入门
但是此时ui上面的数据不会发生变化的，因为ui数据的变化时是通过“store”对数据做出改变的。
store接收到了dispatch派发的action之后，store会把action转发给reducer；所以接下来，我们要写reducer函数了
🌟🌟🌟🌟：react-reudx入门
网友评论