在单击按钮时将列动态添加到react表

import React, { useState } from 'react';

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

  const addColumn = () => {
    const newColumn = {
      title: 'New Column',
      dataIndex: 'newColumn',
      key: 'newColumn',
    };
    setColumns([...columns, newColumn]);
  };

  return (
    <div>
      <button onClick={addColumn}>Add Column</button>
      <table>
        <thead>
          <tr>
            {columns.map((column) => (
              <th key={column.key}>{column.title}</th>
            ))}
          </tr>
        </thead>
        <tbody>
          {/* 表格内容 */}
        </tbody>
      </table>
    </div>
  );
};

export default DynamicTable;