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 中呼叫程序的完整建議,你可以在此處閱讀更多。