如何将动态列和行数据推送到antd表中

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

const DynamicTable = () => {
  const [columns, setColumns] = useState([]);
  const [data, setData] = useState([]);

  // 添加动态列
  const addColumn = () => {
    const newColumn = {
      title: 'New Column',
      dataIndex: 'newColumn',
      key: 'newColumn',
    };
    setColumns([...columns, newColumn]);
  };

  // 添加动态行
  const addRow = () => {
    const newRow = {
      key: data.length + 1,
      name: 'John Doe',
      age: 30,
      address: 'New York',
    };
    setData([...data, newRow]);
  };

  return (
    <div>
      <button onClick={addColumn}>Add Column</button>
      <button onClick={addRow}>Add Row</button>
      <Table columns={columns} dataSource={data} />
    </div>
  );
};

export default DynamicTable;