通过单击按钮将行添加到反应表

问题描述

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

解决方法

首先，您需要将需要在表中呈现的数据映射到组件状态。让我们说一个数组。

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

,

只需在表上提供的数据上添加一个新条目即可。因此，在按下按钮以添加数据时使用setState。