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, 
}; 

我将经过“节点”，以呈现为每个节点阵营成分的辅助方法。我想做类似的事情：

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