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

Question

我正在寻找向现有表添加新行。有什么方法可以实现我已经阅读了reactdatagrid的api但没有找到它的运气。还有其他方法可以做到这一点吗？

Answer 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 });