能否为接口数组元素的paramId属性指定具体类型？

首先你原来的泛型接口写法有误，IButton<'contract_id', 'employee_id'>里接口仅定义了一个泛型参数，传入两个参数会触发语法错误。下面是正确的实现方式：

方案1：给泛型传联合类型 #

先定义泛型接口，再给每个数组指定paramId的允许值联合类型：

interface IButton<T> {
  paramId: T;
  label: string;
}

// buttonsA的paramId只能是'contract_id'或'employee_id'
const buttonsA: IButton<'contract_id' | 'employee_id'>[] = [
  { paramId: 'contract_id', label: 'Contract Number' },
  { paramId: 'employee_id', label: 'Employee' },
];

// buttonsB的paramId只能是'member_group_id'
const buttonsB: IButton<'member_group_id'>[] = [
  { paramId: 'member_group_id', label: 'Member Group ID' },
];

方案2：提前定义paramId类型别名 #

如果需要复用这些paramId类型，可以先定义类型别名：

type ButtonsAParam = 'contract_id' | 'employee_id';
type ButtonsBParam = 'member_group_id';

interface IButton<T> {
  paramId: T;
  label: string;
}

const buttonsA: IButton<ButtonsAParam>[] = [
  { paramId: 'contract_id', label: 'Contract Number' },
  { paramId: 'employee_id', label: 'Employee' },
];

const buttonsB: IButton<ButtonsBParam>[] = [
  { paramId: 'member_group_id', label: 'Member Group ID' },
];

方案3：用const断言自动推断 #

不想手动写类型的话，可以用as const让TypeScript自动推断出paramId的具体字面量类型，同时用satisfies保证结构符合IButton接口：

interface IButton<T> {
  paramId: T;
  label: string;
}

const buttonsA = [
  { paramId: 'contract_id', label: 'Contract Number' },
  { paramId: 'employee_id', label: 'Employee' },
] as const satisfies readonly IButton<string>[];

const buttonsB = [
  { paramId: 'member_group_id', label: 'Member Group ID' },
] as const satisfies readonly IButton<string>[];

以上方案都能严格限制每个数组元素的paramId只能是指定的具体值，避免传入其他无效字符串。

内容的提问来源于stack exchange，提问作者Mike K