ant design 的Table中如何创建新的一行

Question

就是点击右上角的新建时下方会新出出现一条，新增的线路名称是空的，操作的图标要更改

这就是效果

Answer 1

下面列表应该是个list吧，新建的时候，给这个list加一条空数据，列表就自动加一行数据。
根据经验，添加的一定要保证key的惟一性。

Answer 2

下面的数据是antdesign的table使用columns的到的数据

Answer 3

点击新增按钮给dataSource数组增加一条，更新就好了啊

handleAdd = () => {
    const { count, dataSource } = this.state;
    const newData = {
      key: count,
      name: `Allan ${count}`,
      age: 22,
      address: `China, Hangzhou. ${count}`,
    };
    this.setState({
      dataSource: [...dataSource, newData],
      count: count + 1,
    });
}

ps: 删除的话看下面

onDelete = (key) => {
    const dataSource = [...this.state.dataSource];
    this.setState({ dataSource: dataSource.filter(item => item.key !== key)    });
}