求助帖, 问下在 ts 中如何使 接口中的一个可选属性依赖接口另一个必选属性

[sakuraSou]

```
interface Layout {hasPadding?:boolean;padding?:string}
```
大佬们,问一下 ts 类型相关的问题:

`interface Layout = {hasPadding?:boolean;padding?:string}`
改成
当 Layout['hasPadding'] 的类型为 true 时,layout['padding'] 的类型为 string
当 Layout['hasPadding'] 的类型为 false 时,Layout 类型里面没有 padding 这个属性呀

[GentleFifth]

可以用 union type

[lsy99]

楼上+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" };