求助帖, 问下在 ts 中如何使 接口中的一个可选属性依赖接口另一个必选属性
sakuraSou 2023-09-01 20:36:32 +08:00 1263 次点击这是一个创建于 776 天前的主题，其中的信息可能已经有所发展或是发生改变。
```
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