React Data Grid，如何删除行？

import { DataGrid } from 'react-data-grid';

state = {
  rows: [
    { id: 1, name: 'John Doe', age: 25 },
    { id: 2, name: 'Jane Smith', age: 30 },
    { id: 3, name: 'Bob Johnson', age: 35 },
    // 其他行数据...
  ]
};

render() {
  return (
    <DataGrid
      columns={columns} // 定义表格列
      rows={this.state.rows} // 设置数据源
      onRowsDeleted={this.handleRowsDeleted} // 处理删除行的回调函数
    />
  );
}

handleRowsDeleted = (rows) => {
  const updatedRows = [...this.state.rows];
  rows.sort((a, b) => a.rowIdx - b.rowIdx).reverse(); // 根据索引降序排序
  rows.forEach(row => updatedRows.splice(row.rowIdx, 1)); // 从数据源中删除行
  this.setState({ rows: updatedRows }); // 更新组件的state
};

<DataGrid
  // 其他属性...
  enableCellSelect={true} // 启用单元格选择
  enableRowSelect={true} // 启用行选择
  onCellSelected={this.handleCellSelected} // 处理单元格选择的回调函数
  toolbar={<Toolbar onRowsDelete={this.handleRowsDelete} />} // 自定义工具栏，包含删除按钮
/>

handleRowsDelete = () => {
  const selectedRows = this.gridRef.current.getSelectedRows(); // 获取选中行的索引
  this.gridRef.current.deleteSelectedRows(selectedRows); // 删除选中行
};