ant design（4.0）中点击新增，跳出一个from表单提交

当前页面的代码

import React, {
    Component } from 'react';
import {
    Card, Button, Row, Col, Table, Avatar, Popconfirm, message, Modal } from 'antd';
// import { connect } from 'dva' umi 2.*多的版本
import {
    connect } from 'umi'; //connect,props可以结构出来dispatch
import ModalFrom from './components/ModalFrom';
class kindList extends Component {
   
  constructor(props) {
   
    super(props);
    const {
    dispatch, list } = this.props;
    this.columns = [
      {
   
        key: 'img',
        title: '分类图片',
        dataIndex: 'img',
        render: (text, record) => <Avatar src={
   text} />,
      },
      {
   
        key: 'ctitle',
        title: '类别中文名',
        dataIndex: 'ctitle',
      },
      {
   
        key: 'etitle',
        title: '类别英语名',
        dataIndex: 'etitle',
      },
      {
   
        key: 'etitidle',
        title: 'ID',
        dataIndex: 'id',
      },
      {
   
        key: 'addTime',
        title: '增加时间',
        dataIndex: 'addTime',
      },
      {
   
        key: 'operation',
        title: '操作',
        dataIndex: 'operation'