React Graphql Typescript 文件设置
Posted
技术标签:
【中文标题】React Graphql Typescript 文件设置【英文标题】:React Graphql Typescript file set up 【发布时间】:2020-03-18 06:59:24 【问题描述】:我刚刚开始考虑创建一个 React Graphql 和 Typescript 应用程序
我有架构和解析器以及使用 apollo-server 工作的服务器,我可以看到 graphql 游乐场。
我还有一个包含我的 react 应用程序的客户端文件夹。我使用 --typescript 标志创建了反应应用程序,因此它生成 .tsx 文件和 tsconfig.json。
我正在研究为 graphql 查询创建 Typescript 定义
所以我的文件结构是这样的。
client
react.tsx files
package.json
resolvers.js
schema.js
server.js
我的简单问题是像 schema.js 和 resolvers.js 这样的服务器端文件应该是 .js 文件还是应该是 .ts 文件。我确定它们应该是 .js 文件,但我找不到任何相关信息。
【问题讨论】:
【参考方案1】:为此,您可能需要考虑使用 apollo-codegen 之类的工具。否则,您将不得不手动写出您的打字稿类型。
对于一个小型项目,这可能是微不足道的,但对于一个较大的项目,您可能希望开始生成基于 gql 模式的类型作为您的事实来源。
【讨论】:
我正在使用阿波罗来做这个以上是关于React Graphql Typescript 文件设置的主要内容,如果未能解决你的问题,请参考以下文章
使用 typescript、react 和 graphql 以正确方式进行查询的问题
使用 React TypeScript 进行 GraphQL 身份验证
如何在 React 和 Typescript 中映射我的 Union 类型的 GraphQL 响应数组
使用 graphql 将道具传递给高阶组件时出现 React-apollo Typescript 错误