dispatch callback ant design pro 网络请求回调函数

最新推荐文章于 2022-11-16 09:31:50 发布

a_靖

最新推荐文章于 2022-11-16 09:31:50 发布

阅读量4.4k

点赞数

本文链接：https://blog.csdn.net/qq_35713752/article/details/103177200

版权

Ant Design Pro 教程专栏同时被 3 个专栏收录

40 篇文章 152 订阅 ¥49.90 ¥99.00

订阅专栏

Web前端

403 篇文章 25 订阅

订阅专栏

react

48 篇文章 5 订阅

订阅专栏

本文介绍了在Ant Design Pro项目中，如何在组件渲染时利用model的getData方法进行网络请求。通过传递payload和callback参数，实现在接收到响应后使用this.setState更新组件的状态，从而刷新视图。

摘要由CSDN通过智能技术生成

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:(re

了解本专栏