跳转到内容
IO IO IO

无限查询（useInfiniteQuery）

最小示例

Section titled “最小示例”
import { useInfiniteQuery } from '@iostore/lynx';


const feed = useInfiniteQuery({
  key: ['feed'],
  initialPageParam: 0,
  queryFn: ({ signal, pageParam }) =>
    fetch(`/api/feed?cursor=${pageParam}`, { signal }).then((r) => r.json()),
  getNextPageParam: (lastPage) => lastPage.nextCursor ?? null,
});

使用要点

Section titled “使用要点”
  • data.pages 保存每一页结果，渲染时建议 flatMap。
  • getNextPageParam 返回 null/undefined 即表示没有下一页。
  • 需要双向加载时补充 getPreviousPageParam。
  • 建议结合 maxPages 控制内存窗口。

继续阅读

Section titled “继续阅读”

深入阅读（Query 工程）

Section titled “深入阅读（Query 工程）”