redux 入门示例代码

作者: MJ 分类: react 发布时间: 2018-11-13 16:25

redux 入门示例代码

 

import { createStore } from 'redux'
// state初始值
const money = 10000;

// 创建action
const jia = {
    type:"JIA"
}
const jian = {
    type:"JIAN"
}

// 创建reducer
const reducer = (state = money,action) => {
    // console.log(action);
    switch (action.type){
        case "JIA":
        return state += 1000;
        case "JIAN":
        return state -= 1000;
        default:
        return state;
    }
}

// 创建store 仓库
const store = createStore(reducer);

// 订阅事件
store.subscribe(()=>{
    console.log(store.getState());
})

// 派发事件
store.dispatch(jia);
// console.log(store.getState());
store.dispatch(jian);
// console.log(store.getState());

 

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注