Typescript：如何引用作为命名类型的子级的匿名类型？

Question

我正在使用apollo-codegen 从嵌入在我项目的 tsx 文件中的 GraphQL 查询生成 TypeScript 类型。生成类型的示例是：

export type MooQuery = {
  wines:  {
    edges:  Array< {
      node:  {
        nodeId: string,
        wineName: string | null,
        wineryId: number | null,
        vintageId: number | null,
        uomId: number | null
      },
    } | null > | null,
  } | null,
};

我会将“节点”传递给一个辅助方法，该方法为每个节点呈现一个 React 组件。我想做类似的事情：

renderHelper(node: MooQuery.wines.edges.node) { // this won't work

}

有没有办法实现我想要的？我想要的还有意义吗？

Answer 1

您可以使用括号表示法

renderHelper(node: MooQuery['wines']['edges'][0]['node']) { // this should work
  //                                         ^^^ Don't forget the 0 for the array
}

虽然在你的情况下我只是编辑类型（你只生成一次以开始，我希望？）

export type MooQuery = {
  wines:  {
    edges:  Array<{node: MooNode} | null > | null,
  } | null,
};

export type MooNode = {
    nodeId: string,
    wineName: string | null,
    wineryId: number | null,
    vintageId: number | null,
    uomId: number | null
}

那就MooNode