React-data-grid数据不会基于ID删除

问题描述

我正在使用react-data-grid，并且在每行中都添加了一个按钮列，当单击它时，应该根据id删除该行。但是它不会基于id删除。我一直遵循与示例中相同的代码-https://codesandbox.io/s/5091lpolzk?file=/src/index.js我具有相同的代码，但不起作用。

我的代码

getCellActions = (column,row) => {
    const cellActions = [
      {
        icon: <span className="fas fa-trash-alt a" />,callback: () => {
          const rows = [...this.state.rows];
          rows.splice(row.index,1); //
          this.setState({ rows: rows });
        }
      }
    ];
    return column.key === "X" ? cellActions : null;
 };

<ReactDataGrid
  columns={this.state.columns}
  rowGetter={i => this.state.rows[i]}
  rowsCount={this.state.rows.length}
  onGridRowsUpdated={this.onGridRowsUpdated}
  enableCellSelect={true}
  getCellActions={this.getCellActions}
/>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

react-data-grid reactjs reactjs