跳至主要内容
版本:11.x

tRPC 客户端

"原生" tRPC 客户端可用于调用您的 API 过程,就好像它们是本地函数一样,从而实现无缝的开发体验。

ts
import type { AppRouter } from '../path/to/server/trpc';
const bilbo = await client.getUser.query('id_bilbo');
// => { id: 'id_bilbo', name: 'Bilbo' };
ts
import type { AppRouter } from '../path/to/server/trpc';
const bilbo = await client.getUser.query('id_bilbo');
// => { id: 'id_bilbo', name: 'Bilbo' };

何时使用原生客户端?

您可能会在两种情况下使用此客户端

  • 使用我们没有官方集成的前端框架
  • 使用用 TypeScript 编写的单独的后端服务。

何时使用原生客户端?

  • 虽然您可以使用此客户端从 React 组件调用过程,但您通常应该使用我们的 React Query 集成。它提供了许多额外的功能,例如管理加载和错误状态、缓存和失效的能力。
  • 我们建议您在调用同一 API 实例的过程时不要使用此客户端,因为调用必须通过网络层。有关在当前 API 中调用过程的完整建议,您可以 在此处阅读更多信息