dva学习-model的数据管理

例如默认的代码如下：

 model文件夹中的文件内容介绍

export default {

  namespace: 'example',   //表示对于整个应用不同的命名空间,以便通过this.props.example访问，和当前model文件名相同就好之前的reducer名字相同，是全局state的属性，只能为字符串，不支持.的方式建立多重

  state: {initText:"hello"},     //表示当前的example中的state状态，这里可以给初始值

  subscriptions: {
    setup({ dispatch, history }) {  // 订阅，可以监听服务器连接，键盘输入，路由，状态等的变化
    },
  },

  effects: {
    *fetch({ payload }, { call, put }) { 
     //payload是从组件router传递过来的参数,
     //这里的call方法可以使用payload参数传递给后台程序进行处理这里可以调用service层的方法进行调用后端程序，
     //这里的put表示存储在当前命名空间example中，通过save方法存在当前state中
      yield put({ type: 'save' });
    },
  },
    
  //用来保存更新state值 上面的put方法调用这里的方法
  reducers: {
    save(state, action) {
      return { ...state, ...action.payload };
    },
  },

};

上面的model是需要注册到src/index.js中的app.router(require('./router').default);否则后面和route组件无法用connect传递数据，如果定义了多个model,那么需要使用多个app.model()来传递model数据;

import dva from 'dva';
import './index.css';

// 1. Initialize
const app = dva();

// 2. Plugins
// app.use({});

// 3. Model
app.model(require('./models/example').default);

// 4. Router
app.router(require('./router').default);

// 5. Start
app.start('#root');