1. export default {
  2.     // 命名空间
  3.   namespace: 'prducation',
  5.   // 存放数据的state
  6.   state: {
  7.       age: '24'
  8.   }
  10.   // 修改数据的方法
  11.   reducers:{
  12.       // 第一个参数是state仓库的状态，第二个是派发的action
  13.       changeState( state, action){ 
  14.         return {...state,...action.payload}
  15.     }
  16.   }
  18.   // 处理异步的方法
  19.   effects: {
  20.       *getApi({payload}, { sellect, call, put}) {
  21.            // sellect 用来获取仓库数据的方法
  22.         const age_two = yield sellect( state => state.age);
  24.       // call 用于调用异步逻辑，支持 promise 。
  25.             const result = yield call(fetch, '/todos');
  27.       // put用于触发action
  28.       yield put({
  29.           type: 'prducation/changeState',
  30.         payload
  31.       })
  32.     }
  33.   }
  35.   // 自执行方法
  36.   subscriptions: {
  37.       setup({dispatch, history}) {
  39.     }
  40.   }
  41. }

如何在页面中使用仓库的数据和方法

  • 通过从dva中引入connect高阶组件，然后利用mapStateToProps和mapDispatchToProps

dva相比较redux来说省去了麻烦的action的type，dva的type就是模块中的方法名字