ウェブサイト検索

typescript - graphql codegenはフックの結果データフィールドの型を自動的に生成できますか?


私はgraphql codegenのフックを使用しており、その結果はApolloReactCommon.QueryResult型で、data、loading、errorフィールドを持つオブジェクトであることを意味します。

一般的には、他のコンポーネントで data を使用する際に、その型を定義する必要があります。現在、data の型を取得するために次のように書く必要があります:

type MyPost = MyPostQueryHookResult['data']

このMyPostタイプが作成されることを期待していました。自動的に生成する方法はありますか?

私の設定:

generates:
  src/generated/graphql.tsx:
    plugins:
      - "typescript"
      - "typescript-operations"
      - "typescript-react-apollo"
    config:
      withHooks: true

回答 #1

これを行う最良の方法は、クエリを構築する際にフラグメントを使用することです。各フラグメントに対して型が生成され、それらは直接使用することができます。

出典:graphql-codegenの主要な貢献者から