如何添加ant分页组件

Question

我想在"文章列表"组件，但还不知道-我应该把什么传递给onChange = {????}的分页组件尝试制作不同的变体，但不起作用。有什么帮助或建议吗？

你可以在这里看到代码：codesandbox

Answer 1

您应该传递您的文章总长度、当前页面和onChnage函数获得两个参数，即页码和页面大小，即您希望在页面或组件中显示的文章数量。

通过onChange，您可以获取下一个列表。

const onChange = (page, pageSize) => {
fetch(`yourApi/page=${page}&pageSize=${pageSize})
}
<Pagination
total={totalArticles}
current={currentPage}
onChange={(page, pageSize) => onChange(page, pageSize)}
/>

模拟数据：

{
articles: [],
totalArticles: 60,
page: 1,
pageSize: 10, // Its up to you
}