Skip to content

示例

使用 openapi-fetch 与其他框架和库的示例代码。

React + React Query

React Query 是在 React 中完美封装 openapi-fetch 的工具。仅有 13 kB 的大小,提供了客户端缓存而没有太多的客户端负担。其出色的类型推断通过最小的设置完美地保留了 openapi-fetch 的类型。

在 GitHub 中查看代码示例

Next.js

Next.js 是 React 的最流行的 SSR 框架。虽然对于所有客户端获取 openapi-fetch,推荐使用 React Query(而不是 SWR),但该示例展示了如何利用 Next.js 的服务器端获取并内建缓存。

在 GitHub 中查看代码示例

Svelte / SvelteKit

SvelteKit 的自动类型推断可以轻松地在客户端获取和 Page Data 获取中捕获 openapi-fetch 的类型。而且它不需要任何额外的库。SvelteKit 还建议使用它们的自定义 fetch在 load 函数中工作。这可以通过 fetch options 实现。

注意:如果你在没有 SvelteKit 的情况下使用 Svelte,src/routes/+page.svelte 中的根示例不使用任何 SvelteKit 特性,通常适用于任何设置。

在 GitHub 中查看代码示例

Vue

目前还没有 Vue 的示例应用。你在 Vue 中使用吗?请提交 PR 添加!


欢迎提供更多示例!请提交 PR添加你的示例。

基于 MIT 许可发布