在React中實現分頁功能可以使用以下步驟:
創建一個分頁組件(Pagination):該組件可以接受以下參數:
在分頁組件中,使用循環生成頁碼按鈕:
在分頁組件中,為每個頁碼按鈕添加點擊事件:
在父組件中,定義一個狀態變量來表示當前的頁碼(currentPage)。
在父組件中,定義一個用于處理頁碼變化的回調函數:
在父組件中,根據當前頁碼(currentPage)獲取對應的數據,并進行展示。
這樣,就實現了基本的分頁功能。當點擊頁碼按鈕時,會觸發頁碼變化的回調函數,從而更新當前頁碼,并重新渲染分頁組件,同時獲取對應的數據進行展示。