首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Pick嵌套型TypeScript

Pick嵌套型TypeScript
EN

Stack Overflow用户
提问于 2021-02-01 16:01:06
回答 1查看 89关注 0票数 0

我有一个从Swagger定义中生成的类型。

每个API端点的API响应嵌套在端点类型中。目前,我访问的内容如下:

代码语言:javascript
复制
type Endpoint1Return = Endpoints['/endpoint1']['get']['responses']['200']['content']['application/json']
type Endpoint2Return = Endpoints['/endpoint2']['get']['responses']['200']['content']['application/json']

我想要一个实用工具类型来为每个端点选择嵌套的application/json键。类似于:

代码语言:javascript
复制
type Endpoint1Return = PickEndpoint<'/endpoint1'>

这很困难,因为TS不知道Endpoints的每个键对于getresponses200等都有相同的子键。

有人能想出一种表达这一点的方法吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-02-01 20:29:20

考虑到您最新的问题,我认为这是TypeScript中的一个bug,正如微软/打字稿#27709中所报告的那样。编译器似乎没有正确计算嵌套的泛型查找类型 (如Endpoints[K][L]["responses"] )的约束。正如您注意到的那样,子属性查找类型似乎把事情搞砸了:

代码语言:javascript
复制
type PickEndpointWithMethod<K extends keyof Endpoints, L extends keyof Endpoints[K]> =
    Endpoints[K][L]['responses']['200']['content']['application/json']; // error!
// Type '"responses"' cannot be used to index type 'Endpoints[K][L]'.
// Type '"200"' cannot be used to index type 'Endpoints[K][L]["responses"]'.
// Type '"content"' cannot be used to index type 'Endpoints[K][L]["responses"]["200"]'.
// Type '"application/json"' cannot be used to index type 
//   'Endpoints[K][L]["responses"]["200"]["content"]'.

这个错误似乎没有计划在短期内修复。

作为解决办法,您可以自己计算索引访问的约束,并使用实用程序类型向编译器提示查找类型确实满足该约束:

代码语言:javascript
复制
type Idx<T, K extends keyof T> = Extract<T[K], T extends any ? T[keyof T] : never>;

在这里,我们向编译器保证,T[K]将扩展T[keyof T],即使T是事物的统一体。( T extends any ? T[keyof T]: never构造使用分布条件类型这样做)。然后我们可以将Endpoints[K][L]替换为Idx<Endpoints[K], L>,如下所示:

代码语言:javascript
复制
type PickEndpointWithMethod<K extends keyof Endpoints, L extends keyof Endpoints[K]> =
    Idx<Endpoints[K], L>['responses']['200']['content']['application/json']; // okay

让我们看看它是否有效:

代码语言:javascript
复制
type Endpoint1Return = PickEndpointWithMethod<'/endpoint1', 'get'>
// type Endpoint1Return = "https://example.com/foo"
type Endpoint2Return = PickEndpointWithMethod<'/endpoint2', 'post'>
// type Endpoint2Return = "https://example.com/bar"

看起来不错!

操场链接到代码

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65995948

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档