graphql-codegen

1262 ワード
Graphql-codegen テキストリンク

graphql-codegen


APIで受信したデータ型

設定

  • vscode端末を使用するフォルダで
    • に移動します.
    yarn add graphql 
yarn add @graphql-codegen/cli
yarn add @graphql-codegen/typescript
  • codegen.yamlファイル
    • の作成
    schema: http://my-graphql-api.com/graphql
documents: './src/**/*.tsx'
generates:
  ./graphql/generated.ts:
    plugins:
      - typescript
      - typescript-operations
      - typescript-react-query
    config:
      fetcher: fetch
    上記のコードを繰り返します
    schemaセクションはgraphqlアドレスなので、使用するアドレスに変更します.
    generate:tsファイルがない場合は、保存先を変更できます.
    3.package.json
    「スクリプト」セクション
    "generate": "graphql-codegen",
    追加後
    yarn generate
  • codegen.yaml config 
        config:
     typesPrefix: I
    に変更した後、名前の前にIを付けます.区別しやすい
    types.tsからIMUTIONへ

    types.tsでは、imutationから必要な部分(excreateBoard)をコピーします.
    自動的にインポートできない場合は、pickというユーティリティタイプを使用できます.

    変数のタイプを確認します.
    • JAva反射メカニズムの簡単な紹介
    [3日間]JavaScript 3