SuperAPI AI 工具集

tanstack-solid-table-with-tanstack-query

前端与建站

查看项目

更新于 10-16 00:02

技能介绍

用途:把 @tanstack/solid-query 与 @tanstack/solid-table 结合,由 Query 管理远程数据,Table 以 manual* 模式接收每阶段已处理好的行,适用于服务端分页、排序等场景。

主要能力与用法:使用 useQuery 的选项工厂形式,在构造 queryKey 和请求时读取信号,从而自动追踪分页、排序等变化;通过 getter(如 get data、get rowCount)把查询结果直接接入 createTable,无需额外的同步层;配合 manualPagination 等手动标志,客户端行模型不参与处理。示例中用到 @tanstack/solid-store 的 createAtom 与 useSelector 管理分页状态,用 keepPreviousData 保留上一页数据。

常见错误:不要把查询键快照化(应用工厂函数而非对象字面量);不要照搬 React Query 的 useEffect 状态同步写法,改用 Solid getter;不要误以为 manual 模式会自行抓取、分页或计数数据,它只是绕开客户端行模型。

限制:手动模式不负责请求与计数,需自行提供 data 与 rowCount;具体 API 形状应以本地 node_modules 中的类型声明和核心源码为准。原文未提供完整示例细节与更多限制。