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

tRPC Client

「原生」tRPC client 可用於呼叫您的 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' };

何時使用原生 Client?

您可能會在兩種情況下使用此 client

  • 對於我們沒有官方整合的前端框架
  • 對於以 TypeScript 編寫的獨立後端服務。

何時使用原生 Client?

  • 雖然你可以使用用戶端從 React 元件呼叫程序,但通常你應該使用我們的 React Query 整合。它提供許多額外的功能,例如管理載入和錯誤狀態、快取和失效的能力。
  • 我們建議你在呼叫同一個 API 實例的程序時不要使用這個用戶端,這是因為呼叫必須通過網路層。有關在目前 API 中呼叫程序的完整建議,你可以在此處閱讀更多