在React中单击后在表行上添加项目

import React, { Component } from 'react';
import { Table, Button } from 'antd';

class ProjectList extends Component {
  constructor(props) {
    super(props);
    this.state = {
      projects: [], // 项目列表数据
    };
  }

  handleAddProject = () => {
    // 创建新的项目对象
    const newProject = {
      id: Date.now(), // 生成唯一的项目ID
      name: '新项目',
      description: '项目描述',
    };

    // 更新state中的项目列表数据
    this.setState(prevState => ({
      projects: [...prevState.projects, newProject],
    }));
  };

  render() {
    const { projects } = this.state;

    const columns = [
      { title: '项目名称', dataIndex: 'name', key: 'name' },
      { title: '项目描述', dataIndex: 'description', key: 'description' },
    ];

    return (
      <div>
        <Button onClick={this.handleAddProject}>添加项目</Button>
        <Table columns={columns} dataSource={projects} />
      </div>
    );
  }
}

export default ProjectList;