如何在 React 应用程序中使用 openAPI 生成的打字稿代码？

Question

我正在用 React 制作一个网络应用程序。对于后端，我使用 openAPI 和 Gradle 为我的 API 调用生成打字稿。

现在，我已经完成了前端 Web 应用程序。 OpenAPI 为我的 API.

生成打字稿文件

但是，我不明白的是如何在我的 React 应用程序中实际使用生成的打字稿文件？我在网上找不到任何文档。这就是我的设置：

api.ts 具有以下 类：ServiceApi、ServiceApiFactory、UserData、UserDataResponse、ServiceApiAxiosParamCreator、ServiceApiFp

我有我的 webpage.jsx,

当我导入这些 类 时，我不知道如何处理它们。当我尝试执行 ServiceApi.functionName() 之类的操作时，我收到一条错误消息，指出该函数不存在，而它在 ts 文件中显然存在。

感谢任何帮助，谢谢！

Answer 1

首先，创建您的 api 实例（可选择在此处进行配置以更改后端的 basePath）

const api = new ServiceApi();

然后你就可以调用你的服务方法了...

const result = await api.getWhatEverYourMethodNameIs();

有几篇博文对此进行了描述。例如一个 github 回购是 https://github.com/stefanwille/openapi-generator-typescript-example/blob/master/src/App.tsx