数据分页展示其实很简单

使用 antd 提供的 Pagination 组件，分页不要太简单。

首先，我不使用 Table 组件的 pagination 参数。

其次，Pagination 组件需要 4 个参数

<Pagination
    showTotal={total => `共 ${total} 条`}
    current={currentPage}
    pageSize={pageSize}
    total={totalCount}
    onChange={handlePageChange}
/>

• currentPage 请求页面数据时会用到
• pageSize 请求页面数据时会用到
• totalCount 单独请求，防止聚合操作拖慢页面数据
• handlePageChange 改变 currentPage 和 pageSize，重新请求页面数据

const handlePageChange: PaginationProps['onChange'] = (page, pageSize) => {
    setCurrentPage(page)
    setPageSize(pageSize)
}

一个实战案例，参考项目的 LookupSelect 组件。