如果表的最后一條記錄被刪除，如何從 antd 表中獲取更新的頁碼？

Question

我在我的應用程序中使用 antd 表。 我也使用了分頁。 此外，我有自定義設置，每頁顯示 10 條記錄，我從數據庫中獲取的記錄是 11 條，如果我刪除最后一條記錄，這將是第二頁上的唯一記錄，現在在第二頁，我只返回 10記錄但我的頁面仍然是 2 而不是回到 1。我該如何滿足這個要求？ 任何幫助將不勝感激。

            <Table
              columns={columns}
              dataSource={data}
              pagination={{
                defaultPageSize: 10,
                position: ["none", "bottomCenter"],
                total: count,
                showSizeChanger: true,
                current: page, 
                onChange: (page, pageSize) => onTabChange(page, pageSize), //this only fires if I 
                                                                            click on any page number
              }}
            />

編輯：我創建了一個小演示來展示我在沙盒https://codesandbox.io/s/pagination-settings-antd4151-forked-ilz3l?file=/index.js上遇到的問題，如果你刪除最后一個第 3 頁中的項目在保持控制台打開的同時，您會看到頁面仍然保持 3 而不是更改為 2，如何解決這個問題？

Answer 1

只需同步頁碼即可在響應正常后響應 state。

您可以通過總計數（后端應提供）和當前頁面大小（前端已知或后端提供）來計算當前頁碼，如下所示：

this.setState({
  page: Math.ceil(total / pageSize),
});