如何在Nextjs和tRPC中缓存用于状态管理的数据？

Question

我正在使用tRPC向客户端获取数据。tRPC使用React查询作为一个dev依赖项，所以我也安装了它。因为我的应用程序很小，所以我选择不使用Redux。我读到React查询可以使用其QueryClient API缓存数据。这意味着我必须在每次获取/突变之后手动设置和获取数据。同时，在从缓存中获取数据时，我还必须为数据创建额外的类型，这违背了使用tRPC的目的，因为所有类型都存在于缓存中。在使用tRPC时，我是否遗漏了缓存方面的任何内容？

Answer 1

您不必手动设置/从缓存获取。React-Query默认情况下处理这一点，因此，当向同一路由发出请求时，React-Query将自动从缓存的结果返回，而不是向服务器发出另一个请求。