Material UI Datagrid 复选框选择，服务器端分页清除 selectedModel。我想在更改页面时保留 selectedModel 状态

Question

我正在使用 Material UI 的数据网格，并使用带有自定义分页组件的服务器端分页。当我选择同一页面上的复选框时，它工作正常，但随着页面的更改，我的选择模型设置为空数组。我在页面更改时调用 api 并更新行和总计数状态

           <CustomizedDataGrid
                    rows={row}
                    loading={loading}
                    columns={didColoumn}
                    autoWidth={true}
                    scrollbarSize={10}
                    rowCount={totalCount}
                    autoHeight={true}
                    getRowId={(row) => row.didId}
                    disableColumnMenu
                    pageSizeOptions={[5, 10, 25, 50, 100]
                    disableRowSelectionOnClick
                    onPaginationModelChange={handlePaginationModelChange}
                    checkboxSelection
                    onSelectionModelChange={(newSelectionModel) => {
                        setSelectionModel(newSelectionModel);
                    }}
                    paginationMode="server"
                    pagination
                    pageSize={5}
                    slots={{
                        pagination: CustomPagination,
                        columnUnsortedIcon: CustomUnsortedIcon,
                    }}
                    localeText={{ noRowsLabel: 'No Data Found' }}
                />

我想在更改页面并调用 api 来更新我的行和 toatalCount 状态时保留我的选择模型状态

Answer 1

看起来像一个错误。您必须采取变通措施来修复它。在页面更改的处理程序中：

 const handlePageChange = (params: GridPageChangeParams) => {
setSelectionModel([...selectionModel]);
setPage(params.page);

};

[在此输入链接描述]您可以在此处关注问题1