[React][useInfiniteQuery] 如何限制第一次獲取調用僅在視圖在視口中可見時發生
[英][React][useInfiniteQuery] How to restrict the first fetch call to happen only when the view is visible in the viewport
我在我的組件中使用 useInfiniteQuery 掛鈎無限滾動項目。 我希望第一次提取僅在視圖在視口中可見時發生。 我正在使用 useInView/intersection observer 來查找視圖在視口中是否可見。 我正在使用 useInView/intersection observer ...
獲取數據時無限滾動不起作用
[英]Infinite Scrolling is not working while fetching data
我試圖在我的無限滾動條中獲取新聞，但它無法正常工作，每次運行此代碼時，我的筆記本電腦都會卡住。 ...
下一個道具在 react-infinite-scroll-component 中不起作用
[英]next prop not working in react-infinite-scroll-component
無限滾動組件位於表格中，它位於可滾動頁面內。 我嘗試將id="scrollableDiv"賦予頁面中的每個 div 以及 index.html 中的<html>仍然沒有用。 當我刪除scrollableTarget="scrollableDiv"時，fetchdata 工作直到底部的父滾 ...
無限加載 react-table + react-virtualized / react-window
[英]Infinite loading with react-table + react-virtualized / react-window
我對我的表有以下要求： 表應該固定 header 它需要自動調整大小：為了使無限滾動起作用，第一次提取應該獲得足夠數量的數據以使滾動出現。 表體應該作為無限加載器工作：當滾動到列表的末尾時，表體應該顯示加載指示器並加載更多行我的假設如下： 因為用戶可能會滾動瀏覽大量數據，所以我應該虛擬化列表（re ...
如何在 Material-UI 對話框模式中使用 react-infinite-scroll-component？
[英]How to use react-infinite-scroll-component inside a Material-UI Dialog modal?
我在項目中使用 react-infinite-scroll-component ，它在對話框之外工作正常。 當我滾動到頁面底部時，會從服務器獲取下一組數據，但我無法在 Material-UI 對話框中獲得相同的操作。 這是對話框代碼： 日志沒有顯示我到達第二頁，它只是在我到達后端定義的前 30 個 ...
無限滾動列表不會加載更多數據
[英]Infinitely scrollable list won't load more data
我有一個無限可滾動組件，我希望它在用戶滾動到頁面底部時加載更多數據，但它只加載第一組數據然后停止。 下面是我的代碼： import { Avatar, List, Spin, message } from 'antd'; import React, { Component } from 'react ...
Redux Saga - React Infinite Scroll - 兩個 api 加載調用
[英]Redux Saga - React Infinite Scroll - two api call on load
我正在使用 redux 傳奇和反應無限滾動（ https://www.npmjs.com/package/react-infinite-scroller ） 我在單個 API 調用中有 10 條記錄，但它在頁面加載時顯示 20 條記錄。 它正在加載兩個 API 調用。 不知道為什么。 這是我的代碼 ...
使用來自鈎子 state 的數組反應無限滾動
[英]React infinite-scroll with array from hook state
我在我的 React 組件中設置react-infinite-scroller時遇到了麻煩。 我不想通過 API 直接在我的組件中使用loadMore獲取數據，因為我已經從我的 IndexedDB 中獲取了它。 所以我想使用我的 Array dbScans （帶有對象的數組）並希望最大滾動。 數組的 ...