乐趣区

关于javascript:几个步骤简单上手Redux

一、应用 redux 的流程

1. 定义动作类型

const INCREMENT = 'INCREMNET';

2. 定义我的项目的默认状态,传入 reducer

let initState = {...};
function reducer(state = initState, action) {//...}

3. 编写 reducer,实现更新 state 的具体逻辑

function reducer(state=initState,action){
    let newState;
    switch(action.type){//...}
    return newState;
}

4. 创立容器,传入 reducer

let store=createStore(reducer);

5. 订阅须要的办法,当 state 扭转会自动更新

store.subcribe(function(){});

6. 在须要更新 state 的中央调用 dispatch 即可

store.dispatch(/* 某个 action*/);

能够看到通过以上几个步骤,就能够应用 redux,且不局限于某种“框架”中,redux 是一个设计思维,只有合乎你的需要就能够应用 redux。

退出移动版