Firebase 使用react虚拟化InfiniteLoader进行react查询
我一直在尝试将Firebase 使用react虚拟化InfiniteLoader进行react查询,firebase,infinite-scroll,react-virtualized,react-query,Firebase,Infinite Scroll,React Virtualized,React Query,我一直在尝试将react query和react virtualized的InfiniteLoader进行集成,但是我遇到了一个特殊的问题 即,InfinteLoader的fetchMore函数通过IndexRange调用({startIndex:number,stopIndex:number})。这一点很重要,因为批次大小可能会有所不同,并且通常初始批次大小大于后续批次。因此,queryFn必须能够访问startIndex、stopIndex或计算的限制。对于这种集成,我一直在使用fireba
react query
和react virtualized
的InfiniteLoader
进行集成,但是我遇到了一个特殊的问题
即,InfinteLoader
的fetchMore
函数通过IndexRange
调用({startIndex:number,stopIndex:number}
)。这一点很重要,因为批次大小可能会有所不同,并且通常初始批次大小大于后续批次。因此,queryFn
必须能够访问startIndex
、stopIndex
或计算的限制。对于这种集成,我一直在使用firebase sdk,但是游标的原理使用得更广泛。但是,firebase
的startAfter
收集过滤器接受对上一次加载文档的引用,我将不详细介绍。幸运的是,最后一批调用了getFetchMore
函数,批中的最后一个文档表示开始下一批的光标。要点是,没有办法将限制和最后一个文档引用传递给查询函数以加载新批
有解决办法吗