通过单击按钮向反应表添加一行

【问题标题】：adding a row to the react table by clicking a button通过单击按钮向反应表添加一行
【发布时间】：2020-10-27 16:45:48
【问题描述】：

我希望在现有表中添加一个新行。有什么方法可以实现我已经阅读了 reactdatagrid 的 api 但没有找到它的运气。还有其他方法吗？

【问题讨论】：

【解决方案1】：

首先将您需要在表格中呈现的数据映射到您的组件状态。假设一个数组。

tableData = [
  {
    id: 1,
    name: 'Tim',
    age: 25,
  },
  {
    id: 2,
    name: 'Jane',
    age: 22,
  },
]

并使用该状态数组填充表。然后添加一个按钮，单击按钮只需将一些空值推送到数组中。

const { tableData } = this.state;
tableData.push({ id: null, name: '', age: null});
this.setState({ tableData });

【讨论】：

【解决方案2】：

只需在表格中输入的数据上添加一个新条目。所以当你按下一个按钮来追加数据的时候就设置状态。

【讨论】：