Form.List +table 实现行内表格直接编辑以及删除功能
import React from 'react';
import {
PlusOutlined, } from '@ant-design/icons';
import {
Button, Form, Input, Space, Table } from 'antd';
const mockData = [
{
name: '糖果',
code: 'code1',
},
{
name: '饮料',
code: 'code2'
}
]
interface Iprops {
onCancel: () => void
onSumbit: () => void
type: 'add' | 'edit' | 'show'
data: []
}
const App = ({
onCancel, onSumbit, type, data }: Iprops) => {
const [form] = Form.useForm(