|
|
相关文章推荐
|
心软的香菜 · DTS Bundle Generator 使用教程· 1 月前 · |
|
|
痴情的铁板烧 · 前端開發環境 + React + TS - ...· 1 月前 · |
|
|
霸气的小虾米 · c# AutoMapper 使用方式 - ...· 1 年前 · |
|
|
气宇轩昂的煎鸡蛋 · Cannot get grid to go ...· 2 年前 · |
|
|
快乐的马克杯 · DataFrame.groupby()所见的 ...· 2 年前 · |
|
|
大鼻子的消防车 · mac安装brew_51CTO博客_mac ...· 2 年前 · |
|
|
坏坏的葡萄酒 · subprocess run ...· 2 年前 · |
腾讯云
问
Typescript:依赖于同一对象中另一个属性的属性类型
Typescript:依赖于同一对象中另一个属性的属性类型
问
Typescript:依赖于同一对象中另一个属性的属性类型
EN
EN
Stack Overflow用户
提问于
2019-07-09 17:31:24
回答 1
查看 12.9K
关注 0
票数 34
我有一个具有两个属性(
type:string
和
args:object
)的TypeScript接口。根据
type
的不同，
args
可能具有不同的属性。我需要将什么类型定义应用于
args
，以便编译器/自动完成功能知道哪些属性是允许用于
args
的
这有点类似于我在Redux中使用Actions的方式，它确实有一个
type
和一个
payload
，并且在我的reducer中，编译器通过switch语句知道有效负载包含什么。但我不能让它与我的对象一起工作。我在
https://artsy.github.io/blog/2018/11/21/conditional-types-in-typescript/
上读过一篇很好的文章，但这篇文章描述了一个方法的问题，它有两个相互依赖的参数，但没有描述如何在同一个对象中的两个属性上工作。
代码语言：
javascript
复制
export interface IObject {
type: ObjectType
parameters: ObjectParameters
}
代码语言：
javascript
复制
export type ObjectType = "check" | "counter"
代码语言：
javascript
复制
export interface IParametersCheck {
checked: boolean
}
代码语言：
javascript
复制
export interface IParametersCounter {
max: number
min: number
step: number
}
代码语言：
javascript
复制
export type ObjectParameters = IParametersCheck | IParametersCounter
如果我有一个
IObject
，并将类型设置为"check“，编译器/autocomplete应该提供
IParametersCheck
的属性。
EN
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-07-09 18:19:25
我认为你实际上在寻找的是一个受歧视的联盟。
IObject
本身应该是一个联盟：
代码语言：
javascript
复制
export type IObject = {
type: "checked"
parameters: IParametersCheck
} | {
type: "counter"
parameters: IParametersCounter
export type ObjectType = IObject['type'] //// in case you need this union
export type ObjectParameters = IObject['parameters'] //// in case you need this union
export interface IParametersCheck {
checked: boolean
export interface IParametersCounter {
max: number
min: number
step: number
}你也可以使用条件类型，但我认为联合解决方案效果更好：
代码语言：
javascript
复制
export interface IObject<T extends ObjectType> {
type: T
parameters: T extends 'checked' ? IParametersCheck: IParametersCounter
}或者使用映射接口：
代码语言：
javascript
复制
export interface IObject<T extends ObjectType> {
type: T
parameters: ParameterMap[T]
推荐文章
|
|
心软的香菜 · DTS Bundle Generator 使用教程 1 月前 |