redux

2019-02-27  本文已影响0人  木安小学生

安装 redux

npm install redux --save

使用

import { createStore } from "redux";

// reducers
function money (state=0,action){
  switch (action.type) {
    case '挣得一元钱':
      return state+1;
    case '捐赠一元钱':
      return state-1;
    default:
      return 10
  }
}

// 新建store
const store = createStore(money )

const init = store.getState()
console.log(init)

function listener(){
  const current = store.getState()
  console.log(`现在有${current}元钱`)
}

// 订阅
store.subscribe(listener)

// action 下发
store.dispatch({type:'挣得一元钱'})
store.dispatch({type:'挣得一元钱'})
store.dispatch({type:'捐赠一元钱'})

// store.dispatch({type:'挣得一元钱'})
// console.log(store.getState())
// store.dispatch({type:'捐赠一元钱'})
// console.log(store.getState())
上一篇 下一篇

猜你喜欢

热点阅读