typescript - 扩展受歧视的工会

标签 typescript mapped-types

是否可以使用 mappend/条件类型来转换这个 DU

type MyDU =
| {kind: 'foo'}
| {kind: 'bar'}

type Transformed = DUTransformer<MyDU>

这样我们得到如下结果

type Transformed =
| {kind: 'foo', foo: boolean}
| {kind: 'bar', bar: boolean}

最佳答案

是的,因为 TypeScript 会 distribute mapped types over a union :

type MyDU =
| {kind: 'foo'}
| {kind: 'bar'}

type Kinded<T extends string> = { kind: T }

type DUTransformer<T> = T extends Kinded<infer K> ? T & {[K1 in K]: boolean} : never

type Transformed = DUTransformer<MyDU>

Transformed 的类型是:

type Transformed = ({
    kind: 'foo';
} & {
    foo: boolean;
}) | ({
    kind: 'bar';
} & {
    bar: boolean;
})

关于typescript - 扩展受歧视的工会,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64120135/

相关文章:

typescript - 关于带有类型推断的映射元组类型的问题

Angular 无法编译 Typescript 的映射类型修饰符

TypeScript 通用映射可变元组值到嵌套映射类型

typescript - 按对象键的通用数据

javascript - Angular(Javascript)如何控制mousemove事件的速度?

typescript - 使用 AMD 时如何在 typescript 中定义和使用枚举?

Angular 6 - 无法解析 AppComponent 的所有参数

typescript - 映射类型可以使属性成为可选的,但前提是满足条件?

javascript - Webpack 不创建输出文件(不使用 webpack-dev-server)

typescript - 如何使用 TypeScript 防止成员在构造函数中未定义?