dva学习-model的数据管理

迈不过友情╰ 2022-05-17 13:20 158阅读 0赞

例如默认的代码如下：

## ** 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');

# #