использование response-query с помощью React-Virtualized InfiniteLoader
Я пытался объединить react-query
а также react-virtualized
с InfiniteLoader
возможно, однако я застрял в определенной точке.
А именно InfinteLoader
с fetchMore
функция вызывается с IndexRange
({ startIndex: number, stopIndex: number }
). Это важно, потому что размер партии может варьироваться, и обычно первоначальный размер партии больше, чем размер последующих партий. Следовательно, необходимо, чтобыqueryFn
иметь доступ к startIndex
, stopIndex
или вычисленный limit
. Для этой интеграции я использовал firebase sdk, однако принцип курсора используется более широко. Однако я не буду вдаваться в подробности,firebase
с startAfter
Фильтр коллекции принимает ссылку на последний загруженный документ. К счастью,getFetchMore
функция вызывается с последним пакетом, и последний документ в пакете представляет собой курсор, после которого начинается следующий пакет. Дело в том, что нет возможности пройти обаlimit
и последняя ссылка в документе на функцию запроса для загрузки нового пакета.
Есть ли обходной путь?