interfejs maszynopis wymagać jeden z dwóch właściwości istnieć

Question

Próbuję utworzyć interfejs, który może mieć

export interface MenuItem { 
    title: string; 
    component?: any; 
    click?: any; 
    icon: string; 
} 

1. Czy istnieje sposób, aby wymagać component lub click być ustawione
2. Czy istnieje sposób wymagać, aby obie właściwości nie mogły być ustawione?

Answer 1

skończyło się robi:

export interface MenuItem { 
    title: string; 
    icon: string; 
} 

export interface MenuItemComponent extends MenuItem{ 
    component: any; 
} 

export interface MenuItemClick extends MenuItem{ 
    click: any; 
} 

Następnie użyłem:

appMenuItems: Array<MenuItemComponent|MenuItemClick>; 

Ale był nadzieją, było sposób modelować go za pomocą jednego interfejsu.

Answer 2

Nie z jednego interfejsu, gdyż typy mają żadnej logiki warunkowej i nie może zależeć od siebie, ale można przez podział interfejsy:

export interface BaseMenuItem { 
    title: string; 
    icon: string; 
} 

export interface ComponentMenuItem extends BaseMenuItem { 
    component: any; 
} 

export interface ClickMenuItem extends BaseMenuItem { 
    click: any; 
} 

export type MenuItem = ComponentMenuItem | ClickMenuItem; 

Answer 3

Alternatywą bez wielu interfejsów

export type MenuItem = { 
    title: string; 
    component: any; 
    icon: string; 
} | { 
    title: string; 
    click: any; 
    icon: string; 
}; 

Zadałem podobne pytanie pod adresem How to create a Partial-like that requires a single property to be set