Ant Design Pagination: 如何判断最后一页并跳转上一页

在 Ant Design 中，可以使用Pagination组件来实现分页功能。要判断是否是最后一页，可以通过比较当前页码和总页码数来确定。当删除最后一页数据时，可以将当前页码减1，并且跳转到上一页。\n\n以下是一个简单的示例代码：\n\njsx\nimport React, { useState } from "react";\nimport { Pagination, Button } from "antd";\n\nconst App = () => {\n const [currentPage, setCurrentPage] = useState(1);\n const totalPage = 10; // 假设总页码数为10\n\n const handleDelete = () => {\n // 删除数据的逻辑\n\n if (currentPage === totalPage && currentPage > 1) {\n setCurrentPage(currentPage - 1);\n }\n };\n\n const handleChangePage = (page) => {\n setCurrentPage(page);\n };\n\n return (\n <div>\n {/* 显示数据列表 */}\n <Button onClick={handleDelete}>删除最后一页数据</Button>\n <Pagination\n current={currentPage}\n total={totalPage}\n onChange={handleChangePage}\n />\n </div>\n );\n};\n\nexport default App;\n\n\n在上面的代码中，我们通过useState来保存当前的页码currentPage，并且假设总页码数为10。当点击删除按钮时，会触发handleDelete函数，如果当前页码等于总页码数，并且当前页码大于1，则将当前页码减1。然后，我们通过Pagination组件来渲染分页器，并且通过current属性将当前页码传递给组件，通过total属性将总页码数传递给组件。当点击分页器上的页码时，会触发handleChangePage函数来更新当前页码。