如何在react中向制表器中添加行和提取数据

import React, { useState } from 'react';
import { Table, Button, Form, Input } from 'antd';

const MyTable = () => {
  const [data, setData] = useState([]);

  const handleAddRow = (values) => {
    const newRow = { ...values };
    setData([...data, newRow]);
  };

  const handleDeleteRow = (index) => {
    const newData = [...data];
    newData.splice(index, 1);
    setData(newData);
  };

  const columns = [
    {
      title: 'Name',
      dataIndex: 'name',
      key: 'name',
    },
    {
      title: 'Age',
      dataIndex: 'age',
      key: 'age',
    },
    {
      title: 'Action',
      key: 'action',
      render: (_, record, index) => (
        <Button onClick={() => handleDeleteRow(index)}>Delete</Button>
      ),
    },
  ];

  return (
    <div>
      <Form onFinish={handleAddRow}>
        <Form.Item name="name" label="Name">
          <Input />
        </Form.Item>
        <Form.Item name="age" label="Age">
          <Input />
        </Form.Item>
        <Button type="primary" htmlType="submit">
          Add Row
        </Button>
      </Form>
      <Table dataSource={data} columns={columns} />
    </div>
  );
};

export default MyTable;