Ant Design Table: 保留分页切换后的选中数据

在使用 Ant Design Table 的 rowSelection 属性时，如果想要在切换分页时保留之前选中的数据，需要使用一个保存选中数据的数组，并在分页切换时更新这个数组。以下是一个示例代码：

import React, { useState } from ''react';
import { Table } from 'antd';
const MyTable = () => {
const [selectedRows, setSelectedRows] = useState([]);
const rowSelection = {
selectedRowKeys: selectedRows,
onChange: (selectedRowKeys, selectedRows) => {
setSelectedRows(selectedRowKeys);
},
selections: [
Table.SELECTION_ALL,
Table.SELECTION_INVERT,
Table.SELECTION_NONE,
],
};
const columns = [
// 列定义
];
const data = [
// 表格数据
];
return (
<Table
rowSelection={rowSelection}
columns={columns}
dataSource={data}
pagination={{
onChange: (page) => {
// 在分页切换时更新选中数据
// 您可以根据需要修改如何更新选中数据的逻辑
setSelectedRows([]);
},
}}
/>
);
};
export default MyTable;

在上面的示例代码中，我们使用 selectedRows 状态来保存选中的数据，然后在 onChange 方法中更新这个状态。在分页切换时，我们使用 pagination 的 onChange 属性来清空选中数据。您可以根据实际需求修改这些逻辑。