Redux的运作流程

1. 首先，由用户触发视图产生一个动作事件，视图发出动作事件需要调用 dispatch()方法

store.dispatch(action)

2. store会自动调用Reducer,并且向Reducer传入两个参数：state和action.
3. 同时，Reducer会返回一个新的状态给Store。

let nextState = reducer(state,action);

4. 状态一旦发生变化，Store就会调用监听函数，并通过Store的getState()方法获取当前状态，并最终触发视图的重新渲染

store.subscribe(listener);
function listener(){
        let newState = store.getState();
        component.setState(newState);
    }

补充

当Store接收到动作以后，必须返回一个新的状态才能触发视图的变化，状态计算的过程即被称为Reducer
Reducer本质上是一个函数，它接收动作和当前状态作为参数，并返回一个新的状态。

  const reducer = function(state,action){
    //...
    return new_state;
};

结尾

今天的分享先到这里了,后续会分享关于redux相关实例,欢迎点赞,加关注了,如下其他问题,欢迎留言喽~祝君好运!!