如何使您的界面具有给定类型的数组

Question

我正在尝试制作一个通用的select或者让我select从我将提供给它的值中选择多个选项。

export interface MyTypeSelector extends Omit<SelectProps, 'children'> {
myTypeArray: MyType[];
onTypeChange?: Function;
modifyBeforeSet?: (value: any) => any;
}

我想将此对象作为我的 select 或组件的输入，并且在 myTypeArray 中我想提供我的列表。它可以是一个数字数组，其中包含所有城市的 ID，它可以是一个包含我团队的 Pokemon 名称的字符串数组，或者它可以是我创建的一些随机对象的数组。

我应该使用 any[] 之类的东西吗？事实上，我想将数组限制为仅包含我在创建 selector 组件期间提供的相同类型的对象。我该如何处理？

Answer 1

您可以使 MyTypeSelector 通用并在需要时将正确的类型传递给它：

export interface MyTypeSelector<T> extends Omit<SelectProps, 'children'> {
myTypeArray: T[];
onTypeChange?: Function;
modifyBeforeSet?: (value: any) => any;
}