代码之家 › 专栏 › 技术社区 › bingles

typescript:联合类型分布的条件类型数组

discriminated-union typescript

bingles · 技术社区 · 6 年前

我有一个使用泛型类型的条件类型 T 确定一个 Array<T> 类型。作为一个人为的例子:

type X<T> = T extends string ? Array<T> : never;

我现在遇到的问题是,当我提供一个联合类型时,它将被分发为2个数组类型的联合,而不是我的联合类型的数组。

// compiler complains because it expects Array<'one'> | Array<'two'>
const y: X<'one' | 'two'> = ['one', 'two'];

如果条件满足,是否有一种方法可以键入此类型,以便我的条件类型生成一个数组<'one''two'>?

1 回复 | 直到 6 年前

Titian Cernicova-Dragomir 6 年前

您已经遇到了条件类型的分布行为,其中条件类型分布在包含联合的裸类型参数上。这种行为在某些情况下非常有用,但一开始可能有点令人惊讶。

禁用此行为的simples选项是将类型参数放入元组中:

type X<T> = [T] extends [string] ? Array<T> : never;

// ok y is Array<'one' | 'two'>
const y: X<'one' | 'two'> = ['one', 'two'];

你可以了解更多关于这种行为的信息 here 和 here

推荐文章

user3587624 · 禁用FluentUI React组件上的onClick事件

1 年前

Devmix · 如何在new Map()中保存状态?

1 年前

programmerGuy · 使用useState时获取不可分配给参数的接口

1 年前

Luisus · 从Prisma 5客户端提取类型

1 年前

Rostys · TypeScript:使用类型转换进行类型保护

1 年前

Raffaele · TS2304:当types.d.ts导出某些内容时,找不到名称ENDPOINT

1 年前

Anne · 类型不一致的对象的TypeScript类型定义

1 年前

tuimui · 使用react+ts通过道具传递数据

1 年前

FJ97 · 错误NullInjectorError:R3InjectorError(AppModule)[MatDialogConfig->MatDialogConfig]:

1 年前

Pooria Sadeghy · Vitest-类型错误:_ctx$t不是函数

1 年前