1

到目前为止，我知道我需要建立自己的baseQuery. 我可以像这里https://rtk-query-docs.netlify.app/examples/react-with-graphql中的示例一样编写graphql查询和突变，如果我添加类型query.builder这样的查询和突变，我是否可以获得完整的类型安全性builder.query<Device, void>或者我必须使用这样的东西https://www.graphql-code-generator.com/docs/plugins/typescript-graphql-request#simple-request-middleware。在后一种情况下，baseQuery如果我为 graphql-request 库使用生成的钩子，我应该怎么看。

这是来自2的钩子示例：

import { GraphQLClient } from 'graphql-request';
import { getSdk } from './sdk'; // THIS FILE IS THE GENERATED FILE
async function main() {
  const client = new GraphQLClient('https://countries.trevorblades.com/');
  const sdk = getSdk(client);
  const { continents } = await sdk.continents(); // This is fully typed, based on the query
  console.log(`GraphQL data:`, continents);
}

我在想类似的事情：

    import {getSdk} from './sdk'
    const client = new GraphQLClient('https://countries.trevorblades.com/');
    const graphqlBaseQuery = (someGeneratedQueryOrMutation, client) => {
      const something = someGeneratedQueryOrMutation(client);
      const { continents } = await something.continents();
      return { data: continents };
    };

代码并没有真正的意义，但我希望你能明白我的意思。谢谢 ：）

4

1 回答 1

0

编辑：到目前为止，在https://www.graphql-code-generator.com/docs/plugins/typescript-rtk-query上有一个 Grahql Codegen 插件可用

实际上我几天前开始为代码生成器编写一个插件。你可以在这里看到生成的结果： https ://github.com/phryneas/graphql-code-generator/blob/5f9a2eefd81538782b791e0cc5df633935164a89/dev-test/githunt/types.rtk-query.ts#L406-L427

这将要求您使用您选择的 graphql 库创建一个带有 baseQuery 的 api，如下所示。

配置看起来像这样

  ./dev-test/githunt/types.rtk-query.ts:
    schema: ./dev-test/githunt/schema.json
    documents: ./dev-test/githunt/**/*.graphql
    plugins:
      - typescript
      - typescript-operations
      - typescript-rtk-query
    config:
      importBaseApiFrom: '../../packages/plugins/typescript/rtk-query/tests/baseApi'
      exportHooks: true

而且我认为出于捆绑拆分的目的，它也可以与near-operation-file预设一起使用。

所有这些还没有在上游——我会在这个周末试着把它准备好，但不知道要花多少时间才能真正把它放进去。

您可以检查 repo，进行本地构建并使用类似的东西安装它yalc。

对于没有代码生成的更基本的方法，您可以查看此示例或更高级的设置（但也没有完整的代码生成，与现有工具更集成），您可以查看此 PR

于 2021-06-03T16:03:35.987 回答