从mui-datables获取行数据 我正在尝试从MuidataTable中获取行数据，但是当我将OnrowselectionChange函数的索引设置为状态时，我的Checkbox Animation停止工作，这是我的选项看起来： const

Question

函数设置为状态时，我的复选框动画停止工作，这是我的选项：

 const options = {
    resizableColumns: true,
    draggableColumns: {
      enabled: true,
    },

    onRowSelectionChange: (rowData: any) => {
      let rowIndex = rowData.map((e: any) => e.dataIndex);
      setState(rowIndex)
    },

onRowSelectionChange : (curRowSelected, allRowsSelected) => {
    console.log("All Selected: ", allRowsSelected);
},

这将仅收集索引和dataindex值

Answer 1

  const [selectedFabrics, setSelectedFabrics] = useState([])
    customToolbarSelect: selectedRows => (
          <IconButton
            onClick={() => {
              // console.log(selectedRows.data)
              const indexesToPrint = selectedRows.data.map((row, k) => row.dataIndex);
              let temp = [];
              for (let i = 0; i < fabricList.length; i++) {
                if (indexesToPrint.includes(i)) {
                  temp.push(fabricList[i]['id']);
                }
              }
              setSelectedFabrics(temp);
            }}
            style={{
              marginRight: "24px",
              height: "48px",
              top: "50%",
              display: "block",
              position: "relative",
              transform: "translateY(-50%)",
            }}
          >
            <span style={{marginTop: "23px"}}>Print QR Code</span> 
          </IconButton>
        ),

HEREFAINGELIST是我的总表格数据。通过选择行索引，我们可以使用实际的FabricList索引过滤，然后将原始数据推到新状态。

此外，如果要在多行选择中从顶部删除删除图标。使用它

customToolbarSelect: () => {},