GraphQL 代码生成器在创建的 TypeScript 文件的顶部创建此类型:
export type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] };
并将其用于所有客户端创建的查询变量:
src/foo.graphql
:
query Foo($id: ID!) {
foo(id: $id) {
bar
}
}
generated/foo.ts
:
...
export type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] };
...
export type FooQueryVariables = Exact<{
id: Scalars['ID'];
}>;
...
这种类型的目的是什么Exact<T>
以及它如何影响FooQueryVariables
(与如果它不存在相比)?
https://www.graphql-code-generator.com/#live-demo的完整演示:
schema.graphql
:
schema {
query: Query
}
type Query {
foo(id: ID!): Foo
}
type Foo {
bar: String!
}
operation.graphql
:
query Foo($id: ID!) {
foo(id: $id) {
bar
}
}
codegen.yml
:
generates:
operations-types.ts:
plugins:
- typescript
- typescript-operations
生成operations-types.ts
:
export type Maybe<T> = T | null;
export type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] };
export type MakeOptional<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]?: Maybe<T[SubKey]> };
export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]: Maybe<T[SubKey]> };
/** All built-in and custom scalars, mapped to their actual values */
export type Scalars = {
ID: string;
String: string;
Boolean: boolean;
Int: number;
Float: number;
};
export type Query = {
__typename?: 'Query';
foo?: Maybe<Foo>;
};
export type QueryFooArgs = {
id: Scalars['ID'];
};
export type Foo = {
__typename?: 'Foo';
bar: Scalars['String'];
};
export type FooQueryVariables = Exact<{
id: Scalars['ID'];
}>;
export type FooQuery = { __typename?: 'Query', foo?: Maybe<{ __typename?: 'Foo', bar: string }> };