Typescript如何声明子类类型？

Question

有可能有这样的东西吗？

export abstract class FilterBoxElement {
    abstract getEntities: any;
}
export interface FilterBoxControlSuggestions extends FilterBoxElement {
    getEntities: // some implementation with different parameters
}
export interface FilterBoxControlDropDown extends FilterBoxElement {
    getEntities: // some implementation with different parameters
}

export interface FilterBoxDataProps {
    controlElement: FilterBoxElement // FilterBoxControlSuggestions or FilterBoxControlDropDown 
}

我希望controlElement必须是FilterBoxControlSuggestions或FilterBoxControlDropDown 。 但是现在我可以把所有东西放进去。 有没有办法实现这个目标？

Answer 1

您可以使用联合类型执行此操作：

export interface FilterBoxDataProps {
    controlElement: FilterBoxControlSuggestions | FilterBoxControlDropDown 
}

或者如果你想要FilterBoxElement的所有子类，那么使用泛型：

export interface FilterBoxDataProps<T extends FilterBoxElement> {
    controlElement: T
}

Answer 2

如果它可以是一种类型或另一种类型，请使用联合类型（ | ）：

export interface FilterBoxDataProps {
    controlElement: FilterBoxControlSuggestions | FilterBoxControlDropDown;
}