모조 말 상자 - 주문 목록 페이지 (33)

AppGallery Connect 개발 준비 단계에서 사용자가 언제든지 주문 내역과 주문 상태를 확인할 수 있도록 영구적인 진입점을 구현해야 합니다. 주문 상태는 여러 유형으로 나뉘며, 사용자가 다양한 주문 상태를 볼 수 있도록 전환 기능이 필요합니다. 이 기능을 구현하기 위해 탭 컴포넌트를 사용하여 서로 다른 주문 상태 페이지를 전환합니다. 각 탭 콘텐츠는 "배송 대기 중", "수령 대기 중", "완료"와 같은 서로 다른 주문 상태에 해당합니다. 새로운 탭으로 전환할 때마다 사용자의 ID와 주문 상태를 기반으로 해당 주문을 쿼리합니다. 그런 다음 쿼리된 주문은 제품 이미지와 주문 세부 정보를 포함하여 페이지에 표시됩니다. 코드 구현에는 탭 컴포넌트를 생성하고 각 주문 상태에 대한 해당 콘텐츠를 추가하는 작업이 포함됩니다. "배송 대기 중" 페이지가 먼저 구현되고 나머지 페이지는 유사하게 생성할 수 있습니다. 데이터 요청은 "배송 대기 중" 컴포넌트에서 구현되며, 데이터는 채워져 페이지에 표시됩니다. 나머지 두 페이지는 주문 상태와 사용자 ID를 기반으로 해당 데이터를 쿼리하여 구현할 수 있습니다.