Redux 简介
用React写的项目中各组件的状态依赖关系非常复杂，为了便于管理组件的状态，使用 Redux。
组件化是react最擅长的方面，但是在实际开发中，随着应用复杂度地不断提升，组件之间的状态通信变得越来越多，组件之间的耦合也变得越来越重。
这时，Redux诞生了。
Redux对所有“组件”说：
你们不要在一对一地写信通知状态了，我是你们的 “通信云基站”，你们把公共状态存在我这，只要某个状态一改变，各组件都能取到状态的最新值。
在Redux中，最为核心的概念就是 state、action 、reducer 以及 store，单词大家都懂，就是初学者不知道该怎么用。
result
以常见的红路灯为例，将其应用到Redux中：
action：就是灯的变化，"红变绿"等，用名词表述 state：就是灯的名字，红灯、绿灯等，用名词表述 reducer：就是灯的变化规则，红灯之后是绿灯等，用状态转移表述，归根到底也是名词 store：就像是交警，执行上述的交通规则；
image.png
image.png
Redux 的精髓 API
（1）store: store对象是保存公共数据的地方，一个应用只能创建一个store。下面是创建store方式：
代码语言：javascript复制import { createStore } from 'redux';
const store = createStore(function);（2）state：state是store映射的数据集合，一个 state 只对应一个 view，下面是创建state方法：
代码语言：javascript复制import { createStore } from 'redux';
const store = createStore(function);
const state = store.getState(); // 通过store.getState()拿到state（3）action：state和view捆绑在一起，view发生变化时会用action发出通知。action是改变state的唯一方法，它本质是一个对象，必须要写一个代表action名称的属性——type。除此之外，其他属性可以自由设置，下面是action对象示例：
代码语言：javascript复制const action = {
type: 'student_age',
age: 12
};（4）store.dispatch()：store.dispatch()是 view 发出 action 的唯一方法，也可以理解为发射action通知的唯一方法。下面是使用store.dispatch()的代码示例：
代码语言：javascript复制store.dispatch({
type: 'student_age',
age: 12
});（5）reducer：reducer是一个计算state的函数，接受两个参数，当前的state和action。当store收到action通知后，一定要返回一个全新的state，这样view才能发生变化。store接收到action传来的数据，然后根据逻辑计算数据，这个过程就称为reducer。下面是reduer的代码示例：
代码语言：javascript复制import { createStore } from 'redux';
const reducer = (state = defaultState, action) => {
switch (action.type) {
case 'student_age':
return state action.age;
default:
return state;
}};
const store = createStore(reducer); // 生成store时传入reducer实际开发中要在生成store时传入reducer，这样store.dispatch()会自动触发reducer函数执行。
（6）store.subscribe()：store.subscribe()监听state变化，state一旦变化就自动触发该函数。下面是它的代码示例：
代码语言：javascript复制import { createStore } from 'redux';
const store = createStore(reducer);
store.subscribe(listener);通过一张图来看一下redux、react-redux是如何工作的：
