javascript - TypeScript: an interface property requires another property to be true - Stack Overflow

admin管理员组

文章数量:1356135

How can I define keys: a, b, c, bar as undefined/null/optional type if foo is false? In other words, I need these properties to be mandatory only if foo is true.

interface ObjectType {
  foo: boolean;
  a: number;
  y: string;
  c: boolean;
  bar?: { x: number; y: string; z: boolean };
}

Thanks! :)

How can I define keys: a, b, c, bar as undefined/null/optional type if foo is false? In other words, I need these properties to be mandatory only if foo is true.

interface ObjectType {
  foo: boolean;
  a: number;
  y: string;
  c: boolean;
  bar?: { x: number; y: string; z: boolean };
}

Thanks! :)

• javascript
• angularjs
• reactjs
• typescript
• redux

Share Improve this question Follow asked Nov 20, 2020 at 17:13 Vinay SharmaVinay Sharma 3,81766 gold badges3838 silver badges6969 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 10

I think the most straight forward way is to simply use union types.

interface RequiredObjectType {
  foo: true;
  a: number;
  y: string;
  c: boolean;
  bar: { x: number; y: string; z: boolean };
}

interface OptionalObjectType {
  foo: false;
  a?: number;
  y?: string;
  c?: boolean;
  bar?: { x: number; y: string; z: boolean };
}

type AnyObjectType = RequiredObjectType| OptionalObjectType;

You could of course abstract the repeated properties out if needed to save typing on types that will change overtime.

interface ObjectTypeValues {
  a: number;
  y: string;
  c: boolean;
  bar: { x: number; y: string; z: boolean };
}

interface RequiredObjectType extends ObjectTypeValues {
  foo: true
}

interface OptionalObjectType extends Partial<ObjectTypeValues> {
  foo: false
}

type AnyObjectType = RequiredObjectType | OptionalObjectType;

You'll get type inference for free as well.

if (type.foo) {
  // im the required type!
  // type.a would be boolean.
} else {
  // im the optional type.
  // type.a would be boolean?
}

本文标签： javascriptTypeScript an interface property requires another property to be trueStack Overflow