如何为graphql

时间:2018-10-25 19:10:24

标签: reactjs graphql apollo apollo-client

我有一个基于create react app和TypeScript的react app。我想用Apollo graphql客户端替换redux。我使用字符串模板在.graphql文件和/或gql-Tag中定义查询。我希望对阿波罗查询组件的结果/数据进行强类型输入,我该怎么做?不用自己编写接口和类型,我希望它们可以生成

1 个答案:

答案 0 :(得分:1)

有一个非常好的工具Apollo codegen,它是apollo-cli的一部分。

看看他们的文档:https://github.com/apollographql/apollo-cli#apollo-codegengenerate-output

生成TypeScript定义的示例为:

  • 下载服务器的架构:

apollo schema:download .schema/graphql.json --endpoint=http://localhost:4000/

  • 生成查询的类型:

apollo codegen:generate --schema=.schema/graphql.json --addTypename --target=typescript --queries=src/**/*.{tsx,ts} --outputFlat=src/queries