無限滾動reactjs固定數據表

Question

我需要爲固定數據表實現無限滾動功能。 我檢查了API文檔，當用戶滾動到表的末尾時沒有分派事件。唯一看起來有用的事件是onScrollEnd，但該事件讓我回滾了scrollX和scrollY。滾動是非常巨大的，我不知道如何使用這個數字來檢測用戶滾動接近結束。 誰能告訴我如何使用固定數據表實現無限滾動功能？ 謝謝

Answer 1

這是一個恥辱，這種組件沒有適當的API無限滾動。 解決方案是這樣的（但它很醜）：

onScrollEnd（）返回一個scrollY值。您需要將該值保持在組件狀態，例如this.state.scroll。在每一個onScrollEnd，你必須檢查相等性：

this.state.scroll === nextState.scroll && nextState.scroll !== 0 // you dont want to load dada on scrollTop。

如果這是真的，那麼你可以加載額外的數據，更新你的商店或你有什麼，並重新渲染組件。

BIG問題：onScrollEnd（）函數非常非常緩慢:(也許做反彈/節流？