可编辑表格EditableProTable学习

EditableProTable是antd的可编辑表格组件

官方组件地址在：https://procomponents.ant.design/components/editable-table 代码采用typeScript语法。

下面采用jsx语法简单描述该组件的一些常用属性，后面用到其他的再进行补充。

import { Button,  Form,  Space, Descriptions, message } from 'antd';
import React, { useEffect, useState,useRef,useMemo } from 'react';
import { EditableProTable } from '@ant-design/pro-components';
import {rule} from '后台接口'
const ModeDetail = (props) => {  
  const actionRef = useRef(); 
  const { match: { params: { equipKeyId } = {} } = {}, history } = props;
  const [info, setInfo] = useState({});  
  const [editableKeys, setEditableRowKeys] = useState([]);
  const columnList= 
[
    {
      title: '量测点',
      dataIndex: