index.jsx

代码解析：在组件初次渲染时调用 model 中 命名空间为  a_models  的 getData 网络请求，传了一个patload 参数和 callback 回调函数过去，然后通过 this.setState ()更新视图的 state。

import { Form, Tabs,Affix, Button,Input,Table    } from 'antd';
import React, { Component } from 'react';
import {connect} from 'dva';
import classNames from 'classnames';

@connect(({ loading, a_models }) => ({
  a_models
}))
class Nwdayserver extends Component {
  
  // 设置默认的页面数据
  state = {
      dMsg:0,
      yMsg:0
  };

  // 页面初次渲染函数
  componentDidMount(){
    const { dispatch } = this.props;
    dispatch({
      //model的动作路径
      type:'a_models/getData',
      
      //传递给接口的数据
      payload:{
        test:1
      },
      callback:(res)=>{
        //得到网络请求的结果更新视图
        this.setState({
          ...res
        });

        console.log('e_models/s_list-网络请求得到的值：', res)
        console.log('e_models/s_list-view中设置的state的值', this.state)
        // console.log('e_models/s_list-Reducer --Action 处理器的值：', th