さまざまなデバイスを表示するために、いくつかのコンポーネントの小道具として使用されるインターフェイスがあります。各デバイスはカード上のグリッド列に配置されます。
これはインターフェイスです:
リーリー属性列を考慮して、配列 products、productImages、および productReferals のサイズを属性列によって制限したいと思います。これらの使用法は関連しているためです。列の数に。
最初の試みは、次のように属性列を配列に直接渡すことです:
リーリーただし、応答は次のように返されます:
リーリー重複したインターフェイスを作成してプロパティを新しいインターフェイスに渡すことなく、これを実現するより簡単な方法はありますか?
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
残念ながら、TypeScript 型 (先ほど示したインターフェイス宣言など) を通じて配列の長さを制限することはできません。コンポーネントのコードに長さチェックを記述する必要があります。
JavaScript には配列を特定の長さで初期化する 方法がありますが、JavaScript 自体には不変の長さを強制するメカニズムがありません。配列の長さの増加を妨げるものは何もないため、必要に応じて長さを明示的にチェックする必要があります。