🌟🌟🌟🌟：react-reudx入门

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入门