在table分頁中,當用戶選擇每頁顯示的條數發生變化時,可以通過以下方法解決pageNo的問題:
onShowSizeChange = (current, pageSize) => {
this.setState({
pageNo: 1,
pageSize: pageSize,
});
// 其他邏輯
};
getData = () => {
const { pageNo, pageSize } = this.state;
const startIndex = (pageNo - 1) * pageSize;
// 根據startIndex和pageSize獲取數據
// 其他邏輯
};
updateTableData = (data, total) => {
const { pageSize } = this.state;
const totalPages = Math.ceil(total / pageSize);
let { pageNo } = this.state;
if (pageNo > totalPages) {
pageNo = totalPages;
}
this.setState({
data: data,
total: total,
pageNo: pageNo,
});
};
這樣就可以保證在改變每頁顯示的條數時,正確地更新當前頁碼并獲取相應的數據。