redux工作流程

转自:https://www.cnblogs.com/linziwei/articles/7655100.html

首先,用户发出 Action。


store.dispatch(action); 

然后,Store 自动调用 Reducer,并且传入两个参数:当前 State 和收到的 Action。 Reducer 会返回新的 State 。


let nextState = todoApp(previousState, action); 

State 一旦有变化,Store 就会调用监听函数。


// 设置监听函数
store.subscribe(listener); 

listener可以通过store.getState()得到当前状态。如果使用的是 React,这时可以触发重新渲染 View。


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

猜你喜欢

转载自blog.csdn.net/yeputi1015/article/details/80600059