我有一个接口,它将作为部分组件的props,用于显示不同的设备。每个设备都将放置在一个网格列中的卡片上。
这是接口:
interface EquipmentSectionProps {
bgColor: "black" | "lightGrey";
columns: number;
category: string;
products: string[];
productImages: string[];
productReferals: string[];
}
给定属性columns,我想通过属性columns限制数组products,productImages和productReferals的大小,因为它们的使用与列数相关。
显而易见的第一种尝试是直接将属性columns传递到数组中,像这样:
interface EquipmentSectionProps {
bgColor: "black" | "lightGrey";
columns: number;
category: string;
products: string[columns];
productImages: string[columns];
productReferals: string[columns];
}
然而,响应返回:
Cannot find name 'columns'.ts(2304) type columns = /*unresolved*/ any
有没有更简单的方法可以实现这一点,而不需要创建一个重复的接口并将属性传递给新接口?
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号