インターフェイス内の 1 つのプロパティを同じインターフェイス内の別のプロパティの配列長として使用する

Question

さまざまなデバイスを表示するために、いくつかのコンポーネントの小道具として使用されるインターフェイスがあります。各デバイスはカード上のグリッド列に配置されます。

これはインターフェイスです:

リーリー

属性列を考慮して、配列 products、productImages、および productReferals のサイズを属性列によって制限したいと思います。これらの使用法は関連しているためです。列の数に。

最初の試みは、次のように属性列を配列に直接渡すことです:

リーリー

ただし、応答は次のように返されます:

リーリー

重複したインターフェイスを作成してプロパティを新しいインターフェイスに渡すことなく、これを実現するより簡単な方法はありますか?

Answer 1

残念ながら、TypeScript 型 (先ほど示したインターフェイス宣言など) を通じて配列の長さを制限することはできません。コンポーネントのコードに長さチェックを記述する必要があります。

JavaScript には配列を特定の長さで初期化する 方法がありますが、JavaScript 自体には不変の長さを強制するメカニズムがありません。配列の長さの増加を妨げるものは何もないため、必要に応じて長さを明示的にチェックする必要があります。