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