求助帖, 问下在 ts 中如何使 接口中的一个可选属性依赖接口另一个必选属性
sakuraSou · 2023-09-01 20:36:32 +08:00 · 873 次点击这是一个创建于 433 天前的主题，其中的信息可能已经有所发展或是发生改变。
```
interface Layout {hasPadding?:boolean;padding?:string}
```
大佬们,问一下 ts 类型相关的问题:
`interface Layout = {hasPadding?:boolean;padding?:string}`
改成
当 Layout['hasPadding'] 的类型为 true 时,layout['padding'] 的类型为 string
当 Layout['hasPadding'] 的类型为 false 时,Layout 类型里面没有 padding 这个属性呀
interface Layout {hasPadding?:boolean;padding?:string}
```
大佬们,问一下 ts 类型相关的问题:
`interface Layout = {hasPadding?:boolean;padding?:string}`
改成
当 Layout['hasPadding'] 的类型为 true 时,layout['padding'] 的类型为 string
当 Layout['hasPadding'] 的类型为 false 时,Layout 类型里面没有 padding 这个属性呀
 |
1
GentleFifth 2023-09-01 20:55:01 +08:00 via Android
可以用 union type
|
 |
2
lsy99 2023-09-05 16:01:01 +08:00
楼上+1 ， 用 type 的联合类型
type Layout = { hasPadding: false } | { hasPadding: true; padding: string }; // correct const layout1: Layout = { hasPadding: true, padding: "12px" }; const layout2: Layout = { hasPadding: false }; // wrong //@ts-expect-error const layout3: Layout = { hasPadding: true }; //@ts-expect-error const layout4: Layout = { hasPadding: false, padding: "12px" }; |
Select Language