ant design pro调接口

最新推荐文章于 2024-08-21 12:57:35 发布

ast_5921

最新推荐文章于 2024-08-21 12:57:35 发布

阅读量2.2k

点赞数

文章标签： ant design pro 调接口

本文链接：https://blog.csdn.net/ast_5921/article/details/102938992

版权

本文详细介绍了Ant Design Pro中从View层到反向代理的接口调用过程。在View层，通过connect连接Model层并使用dispatch调用Model层的异步方法。Model层定义了namespace和effects，通过getDictType接口与Api接口层交互。Api接口层设置反向代理，而在反向代理配置中，将http://192.168.1.21:8080映射为/aaa路径。

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

View层<===Model层<===Api 接口层<===反向代理
**

View层

使用connect链接model层
调用dispatch获取 add 下异步 Kan方法（Kan是设置在Model层的方法）
使用payload传递请求参数
then会返回你所请求的值
使用Setstate放入state
在需要的地方遍历输出

import React from 'react';
import {
    Breadcrumb, Table, Row, Col, DatePicker, Button, Form, Select } from 'antd';
import {
    connect } from 'dva';

const {
    Option } = Select;

@Form.create()//使用from表单时 需要添加

@connect(({
   add})=>({
   
  add
}))

class Examine extends React.Component {
   
  constructor(props){
   
    super(props);
    this.state={
   
      list:[],
    }
  }

  componentDidMount(){
   
    const {
    dispatch } = this.props;
    dispatch