Mui-dataTables删除行

Question

输出，您可以设置状态变量以保持所选行并更改

onRowsDelete

：

Answer 1

const [selectedRows, setSelectedRows] = useState([]);

const options = {
  rowsSelected: selectedRows,
  onRowSelectionChange: (rowsSelectedData, allRows, rowsSelected) => {
    setSelectedRows(rowsSelected);
  },
  customToolbarSelect: () => (
    <MyCustomToolbarSelect
      selectedRows={selectedRows}
      onRowsDelete={() => {
        deleteSelected();
        setSelectedRows([]);
      }
    />
  ),

您可以在此处使用类组件访问一个示例：

https：//codesandbox.io/s/muidatatables-custom-toolbar-toolbar-hv5n9？file =/index.js