인터페이스의 한 속성을 동일한 인터페이스의 다른 속성의 배열 길이로 사용

Question

다양한 장치를 표시하기 위해 일부 구성 요소의 소품으로 사용될 인터페이스가 있습니다. 각 장치는 그리드 열의 카드에 배치됩니다.

인터페이스는 다음과 같습니다.

으아아아

속성 열이 주어지면 속성 열에 따라 배열의 크기를 products，productImages和productReferals 제한하고 싶습니다. 그 이유는 사용법이 열 수와 관련되어 있기 때문입니다.

첫 번째 시도는 다음과 같이 속성 열을 배열에 직접 전달하는 것입니다.

으아아아

그러나 응답은 다음과 같습니다.

으아아아

중복 인터페이스를 생성하고 새 인터페이스에 속성을 전달하지 않고 이를 달성할 수 있는 더 쉬운 방법이 있습니까?

Answer 1

안타깝게도 TypeScript 유형(예: 표시된 인터페이스 선언)을 통해 배열 길이를 제한할 수 없습니다. 구성 요소의 코드에 길이 확인을 작성해야 합니다.

자바스크립트에는 특정 길이로 배열을 초기화하는 방법이 있지만 자바스크립트 자체에는 불변 길이를 적용하는 메커니즘이 없습니다. 배열의 길이가 늘어나는 것을 막을 수 있는 방법은 없습니다. 즉, 필요에 따라 길이를 명시적으로 확인해야 한다는 뜻입니다.