UMI学习-10 Dva 与后台数据交互

export async function query(): Promise<any> {
    return request(‘user/getuserinfo‘);
  }

import axios from "axios"
export default async function request (options) {
    let response
    try {
        response = await axios(options)
        return response
    } catch (err) {
        return response
    }
}

yarn add axios

<Button type="primary" style={{marginTop:10,width:300}} onClick={this.handleReadFromSrvClick}>从服务端读取</Button>

 handleReadFromSrvClick = e => {
    this.props.dispatch({
      type:"User/getUserInfo",
      payload:null
    })
    console.log(‘click: ‘, e);
  };

import {  query as queryUser } from ‘@/services/userSrv‘;

 effects:
    {
        *getUserInfo(_, { call, put }) {
            const response = yield call(queryUser);
            //yield console.log(response.data);
            yield put({
              type: ‘User/updateUserState‘,
              payload: response.data,
            });
          }
        
    }

export default {
    ‘/user/getuserinfo‘: {UserInfo:{
        username:"李四"
    }}
  };