关于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。

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理