행을 반복합니다.

Question

제품의 행을 표시하는 앱이 있습니다. 지금은 세 개의 html 행을 사용하기 위해 하드 코딩되어 있습니다. 정말 하나의 행에 대한 템플릿을 작성하고 루프를 통해 표시해야하는만큼 많이 채 웁니다. 나는 이것이 웹 UI 루프 (fruitsearch 예제를 생각해 보라)를위한 일이라고 생각했다. 또는 템플릿을 만들어 웹 구성 요소로 만들고 데이터를 전달하고 싶습니까? 나는 최고의 구조가 무엇인지 여기 정말로 확신하지 못한다. 이것은 약간의 개방형 질문이지만 여러 행의 데이터를 채우기위한 이상적인 구조는 무엇입니까?

Answer 1

재사용이 필요할 때 또는 행에 복잡한 논리 또는 레이아웃이 연결되어있는 경우 웹 구성 요소를 사용하십시오.

"제품 행"에 대한 설명을 전 각 제품 행에 웹 구성 요소를 사용하고 모든 제품 행을 추적 할 수있는 다른 웹 구성 요소를 사용합니다. 예를 들어 이것이 제품 검색 결과 페이지 인 경우 SearchResultComponent는 제목, ProductRowComponents 목록 및 발견 된 결과 수를 가질 수 있으며 각 ProductRowComponent는 이름, 가격 및 이미지를 가질 수 있습니다.

이렇게하면 복잡성을 처리하고 재사용 (예 : 여러 ProductRowComponents 사용) 할 수 있습니다.