ant design table page分页, onShowSizeChange(pageSize数据的变化)以及在tablel列表中选中当前行Box复选框值

function taskInfo(props) {
const [selectedRowKeys, setSelectedRowKeys] = useState([]);
const [boxData, setBoxData] = useState([]);
const [pagination, setPagination] = useState({
pageSize: 10,
pageNumber: 1,
total: 0,
});

// 获取信息数据列表
const postInfoList = async (param) => {
const { pageNumber, pageSize } = pagination;
const res = await dispatch({
type: ‘info/infoList’,
payload: { current: pageNumber, size: pageSize, …param },
});
if (res) {
setTableData(
(res.data.list || []).map((item, index) => ({
…item,
rowId: (pageNumber - 1) * pageSize + index + 1,
}))
);
setPagination({
…pagination,
pageNum: pageNumber,
total: res.data.total,
});
}
};

// 改变当前页显示的条目数
const onSizeChange = async (current, pageSize) => {
pagination.pageNumber = 1;
pagination.pageSize = pageSize;
postInfoList ();
};

// 分页
const changePage = (page) => {
setPagination({
pagination: Object.assign(pagination, { pageNumber: page }),
});
postInfoList ();
// 清空已选中的box复选框值。
onSelectChange([]);
};

// 复选框事件
const onSelectChange = (selectedRowKey, selectedRow) => {
setSelectedRowKeys(selectedRowKey);
setBoxData(selectedRow);
};

// 获取复选框选中的值
const rowSelection = {
selectedRowKeys,
onChange: onSelectChange,
};

return (