此工具是否支持 JSON 和 YAML？

是的。您可以粘贴任一格式的 OpenAPI 规范，生成器将自动解析结构。

生成的钩子是类型安全的吗？

是的。该工具根据您的模式定义生成 TypeScript 接口，为请求参数和响应数据提供完整的自动补全。

支持哪个版本的 React Query？

输出与 TanStack Query v4 和 v5 兼容。它生成标准钩子，期望共享的 `fetcher` 函数或 Axios 实例。

我的 API 规范是否发送到服务器？

没有。转换逻辑完全在您的浏览器环境中运行。您的 API 路径、模式和安全定义永远不会离开您的设备。

格式化与代码

OpenAPI → React Query Hooks

Auto-generated useQuery + useMutation hooks per endpoint.

Runs in your browser

OpenAPI spec · source

lines: 42chars: 924size: 924 B

React Query hooks · 2 operation(s) · result

import { useQuery, useMutation } from "@tanstack/react-query";
import { getTools, getToolsSlug } from "./api-client";

export function useGetTools() {
  return useQuery({
    queryKey: ["getTools"],
    queryFn: () => getTools(),
  });
}

export function useGetToolsSlug(slug: string) {
  return useQuery({
    queryKey: ["getToolsSlug", slug],
    queryFn: () => getToolsSlug(slug),
  });
}

lines: 16chars: 391size: 391 B

live

编辑注

Understanding · Endpoints into hooks, hooks into pages.

本深度章节目前仅有英文版本。上方的转换工具支持您的语言;长篇说明文章尚未翻译。

常见问题

Quick answers.

›Does this tool support both JSON and YAML?

Yes. You can paste an OpenAPI specification in either format, and the generator will parse the structure automatically.

›Are the generated hooks type-safe?

Yes. The tool generates TypeScript interfaces based on your schema definitions, providing full autocompletion for request parameters and response data.

›Which version of React Query is supported?

The output is compatible with TanStack Query v4 and v5. It generates standard hooks that expect a shared `fetcher` function or Axios instance.

›Is my API specification sent to a server?

No. The conversion logic runs entirely within your browser environment. Your API paths, schemas, and security definitions never leave your device.

大家也在搜索

More in this room.

查看所有格式化与代码