Typescript 根据另一个属性的值来推断属性的类型

interface Order {
    customer: Customer,
    address: Address
}

interface Customer {
    name: string
}

interface Address {
    firstLine: string
}

interface OrderUpdateRequest {
    key: 'customer'|'address',
    value: Customer | Address
}

const myThing = {customer: {name: 'Bob'}, address: {firstLine: 'my street'}} as Order

const updateRequest = {key:'customer',  value: {name : 'Dave'}} as OrderUpdateRequest
myThing[updateRequest['key']] = updateRequest['value']

Type 'Customer | Address' is not assignable to type 'Customer & Address'.
  Type 'Customer' is not assignable to type 'Customer & Address'.
    Property 'firstLine' is missing in type 'Customer' but required in type 'Address'.(2322)
input.tsx(11, 5): 'firstLine' is declared here.

interface OrderUpdateRequest<T extends "customer" | "address"> {
    key: T,
    value: T extends "customer" ?  Customer : Address
}

const myThing = {customer: {name: 'Bob'}, address: {firstLine: 'my street'}} as Order

const updateRequest = {key:'customer',  value: {name : 'Dave'}} as OrderUpdateRequest<"customer">
myThing[updateRequest.key] = updateRequest['value']

interface OrderUpdateRequestMapping {
    customer: Customer,
    address: Address
}

interface OrderUpdateRequest<K extends keyof OrderUpdateRequestMapping> {
    key: K,
    value: OrderUpdateRequestMapping[K]
}

Typescript相关问答推荐

如何使用TypScript和react-hook-form在Next.js 14中创建通用表单组件？

Angular 17 -如何使用新的@if语法在对象中使用Deliverc值

typescript抱怨值可以是未定义的，尽管类型没有定义

防止获取发出不需要的请求

如何使用泛型类型访问对象

部分类型化非 struct 化对象参数

类型脚本中没有接口的中间静态类

缩小并集子键后重新构造类型

从子类构造函数推断父类泛型类型

为什么我的查询钩子返回的结果与浏览器的网络选项卡中看到的结果不同？

是否可以强制静态方法将同一类型的对象返回其自己的类？

打字脚本中的模块化或命名空间

声明遵循映射类型的接口

打字错误TS2305：模块常量没有导出的成员

从以下内容之一提取属性类型

编剧- Select 下拉框

递归生成常量树形 struct 的键控类型

递归JSON类型脚本不接受 node 值中的变量

剧作家测试未加载本地网址

TS 条件类型无法识别条件参数