我正在創建一個 React 專案,我通過呼叫 api 來呈現資料,而 api 每次都會給我長度為 10 的資料陣列。我正在使用react-infinite-scroll-component來使用無限滾動功能。每當我滾動螢屏的一半時,我都想加載資料,我不想在螢屏上顯示加載器。任何人都可以幫助我。
<InfiniteScroll
dataLength={data.length}
next={fetchMoreData}
hasMore={true}
loader={
<CircularProgress/>
}
>
{data.map((item, index) => {
return <Card data={item} key={index} />;
})}
</InfiniteScroll>
這是我的無限滾動代碼,我嘗試更改 dataLength 道具,但沒有奏效。
uj5u.com熱心網友回復:
我認為您可能希望使用scrollThreshold定義 next 呼叫時間的屬性。
您可以傳遞一個浮點數(例如 0.5)或一個字串(例如“200px”)來定義它。
如果您想移除裝載機,請忽略該道具。
來自這里的道具串列:https : //www.npmjs.com/package/react-infinite-scroll-component
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/403126.html
標籤:
上一篇:SQLite'long'整數被SQL選擇查詢截斷/不正確回傳——如何檢索正確的值?(SQLiteODBC驅動程式,VBA/ADODB)
下一篇:如何在陣列中查找不匹配的數字?
