2017-04-17 29 views
-1

我正在開發一個JSX編碼結構的反應JS組件,該結構從api獲取JSON數據數組。該組件是一個類似於結構的表格,頂部和底部有兩個箭頭。我想實現一個功能,點擊頂部箭頭時,表格行應該用行中的新數據集更新,反之亦然,點擊向下箭頭。有沒有辦法實現這個功能?onClick更新結構中的行像結構REact JS和JSX

回答

0

看來你正在嘗試做某種表分頁。您可以通過存儲在你的控制狀態的當前頁面做到這一點,並在的onClick處理程序:

  • 撥打電話到服務器API檢索數據的下一個/前一頁,如果你是尋呼和在服務器上的排序,然後用檢索的數據更新狀態
  • 或計算並更新要顯示,如果你已經在內存中的所有行取其行的狀態,但都出現了一小部分他們
+0

的目前我正在從服務器獲取所有數據我能夠檢索數據,但是我想要做的是點擊向上箭頭4組行應該向上移動並且下一組具有新數據的行應該顯示出來並且與向下箭頭相同。 –

+0

對。在你的onClick方法你應該設置狀態(即,添加你想要顯示的行,並刪除那些你想隱藏)。但只能從狀態,而不是從存儲檢索數據的內存中的實際位置。所以,假設您想顯示80行中的10行,然後將這10行復制到狀態中。當用戶點擊向下箭頭時,通過移除頂部4並添加底部4來更改這些10。 –