redux入门

const ADD = 'increment';
const SUB = 'decrement';

//reducer
export function counter(state=0,action){
    switch(action.type){
        case ADD:
            return state+1;
        case SUB:
            return state-1;
        default:
            return 0;
    }
}
//创建 Redux store 来存放应用的状态
// let store = createStore(counter);

// 可以手动订阅更新，也可以事件绑定到视图层。
// store.subscribe(()=>
//     console.log(store.getState())
// );


//手动链接,老赵怎么管理独立团
//把store.dispatch方法传递给组件,组件内部就可以调用修改状态
//subscribe订阅render函数 每次修改都重新渲染,就像监听事件一样
//redux相关内容,移到单独的文件index.redux.js单独管理


/*console.log(store.getState());
//改变内部state的唯一方法是 dispatch 一个 action
//action 可以被序列化，用日记记录和储存下来，后期还可以以回放的方式执行
store.dispatch({type: 'increment'});
//1
console.log("first:"+store.getState());
store.dispatch({type: 'increment'});
//2
console.log("seconed:"+store.getState());
store.dispatch({type: 'decrement'});
//1
console.log("thriend:"+store.getState());*/

//订阅store的状态要放在最后
// function listener() {
//     const current = store.getState();
//     console.log("现在的状态" + current);
//
// }
// store.subscribe(listener);

// action creator
export function add(){
    return {type: ADD};

}
export function sub(){
    return {type: SUB};

}