react antd table自定義分頁

<Table
    style={{ marginTop: 20 }}
    columns={columns}
    dataSource={dataSource}
    rowKey={record => record.id}
    pagination={{ // 具體配置可看antd官網文檔Pagination的API部分
    　　position: ['bottomRight'],
    　　size: 'small',
    　　showQuickJumper: true,
    　　defaultCurrent: 1,
    　　total: page.total_count,
    　　pageSize: page.page_size,
    　　current: page.page_no,
    　　showSizeChanger: true,
    　　showTotal: total => `共${total}條`,
    　　onChange: (pageNo, pageSize) => getTableList(pageNo, pageSize!)
    }}
/>

page初始化：

const [page, setPage] = useState({
   total_count: 0, // 總頁數
   page_no: 1, // 當前頁碼
   page_size: 20 // 每頁數據條數
});

效果展示如下：