使用对本地 json 数据的反应查询进行无限滚动

Infinite scroll using react query for local json data

我必须使用对 JSON 数据的反应查询来实现无限滚动，我不想在页面更改时从服务器获取数据，我需要显示我已有的数据。

我很困惑，如何实现？

  1. 我有JSON个数据
  2. 我需要使用 React 查询钩子 useInfiniteQuery 获取数据
  3. 使用这些数据实现滚动

无限滚动本身与反应查询无关。看起来你只想用 useQuery 获取完整的 json 数据，然后只渲染前 N 个元素，当你滚动到屏幕底部时再渲染一些。

useInfiniteQuery 用于服务器端无限滚动，当您到达屏幕底部时，您会再次调用 api，例如就像 facebook/twitter 时间线那样。如果您只想要“本地”

，我认为它不适用于您的情况