React组件Props中TypeScript泛型需传参错误求助

报错翻译 #

泛型类型“TableHeaderProps”需要1个类型参数。

问题原因 #

TableHeaderProps是泛型类型，定义时声明了<T extends object>，但在函数TableHeader的参数类型中直接写TableHeaderProps，未传入对应泛型参数；你尝试添加<T>时，没给函数本身声明泛型，导致T无法被识别。

修复代码 #

export type TableHeaderProps<T extends object> = TestableComponent & {
  title?: string;
  filters?: FilterDefinition[];
  data?: T[], 
  onFiltersUpdated?: OnFiltersUpdatedCallback;
};

// 给函数声明泛型参数T，同时在参数类型中传入TableHeaderProps<T>
export function TableHeader<T extends object>({
  title,
  filters,
  data,
  onFiltersUpdated,
  'data-test-id': dataTestId = 'table-header',
}: TableHeaderProps<T>) {}

额外说明 #

• 确保TestableComponent、FilterDefinition、OnFiltersUpdatedCallback这些依赖类型已正确定义，避免出现其他类型错误。
• 如果组件不需要动态泛型（比如data类型固定），也可以直接给TableHeaderProps传入具体类型，比如TableHeaderProps<YourDataType>，但泛型写法更灵活通用。

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