使用redux(最简单的工作流程) | 您所在的位置:网站首页 › 好莱坞战争片排行榜前十名 › 使用redux(最简单的工作流程) |
// createStore 用户创建仓库,applyMiddleware中间件 import { createStore, } from 'redux'; //(1)仓库创建完毕,createStore函数需要接收一个函数作为参数 const store1 = createStore(function(state=1){ return state }) const store = createStore(reducer) //(2)获取仓库数据 // console.log('获取仓库数据:',store.getState()) //(3)修改仓库数据 let action = { type:'increment',//通知类型,必须是type属性 payload:1 //通知数据,可以自己定义,number:10 } let action2 = { type:'decrement',//通知类型,必须是type属性 payload:4 //通知数据,可以自己定义,number:10 } //reducer定义 function reducer(state={ count:10, user:{name:'xiaoli'} },action){ switch(action.type){ case 'increment': state.count+=action.payload return {...state} case 'decrement': state.count-=action.payload return {...state} default: return state } } //修改 //加法 store.dispatch(action) console.log('获取仓库数据+:',store.getState()) // 减法 store.dispatch(action2) console.log('获取仓库数据-:',store.getState())
|
CopyRight 2018-2019 实验室设备网 版权所有 |