深入浅出学习 Redux （一）

Redux 结合 React 的使用

首先创建一个store文件夹，在文件夹下创建四个js文件，如下

index.js 文件就是我们熟知的入口文件，里面结构也比较简单，从redux中引入createStore，并引入下面定义好的reducer，将reducer传入createStore中来创建store。

---

constants.js 这个文件也是比较简单的一个文件，只是将一些常量导出，便于以后维护用的。

---

actionCreators.js 接下来的这个文件就是比较重要的了，这里面定义许多不同的action，可以通过这些action来通知Reducer该更新Store里哪些state。

---

reducer.js 这个文件的作用就是根据 action 对象的 type 来更新 state.
reducer的工作方式 :
接收一个 state 参数, 作为初始的 state
接收一个action对象, 在函数体中用 switch 语句 判断 action 的type, 然后定义相应的处理方式( 返回新的 state 对象) .

这几个文件定义好了以后就可以到项目中去应用了，

在页面dispatch action前要先订阅数据，重新调用一下getState方法来更新页面的数据，并且要返回一个unsubscribe，便于后面取消订阅时调用。

从之前定义好的actionCreator文件中导入我们需要进行的操作。

在相应需要执行的方法中dispatch相关的action。

至此整个redux的简单应用就完成了。