DetailProductPage (1) 썸네일형 리스트형 상품의 상세정보를 데이터베이스에서 가져오기 들어가기 전에 CheckBox 컴포넌트랑 RadioBox 컴포넌트에서 Collapse를 이용하는 부분이 있는데 여기서 dafaultActiveKey를 0으로 설정해서 처음 사이트를 들어갔을 때 패널이 접혀있도록 해주고 header도 이름에 맞춰서 바꿔주자. 그리고 카드 컴포넌트를 클릭했을 때 해당 상품의 id에 맞는 상세페이지로 갈 수 있도록 card 컴포넌트의 cover부분에 있는 imageSlider를 a태그로 감싸주자. const renderCards = Products.map((product, index) => { return ( ) }) LandingPage.js에 있는 renderCards 함수 부분이다. 빈 상품 상세 페이지 만들기 & Proudct detail page를 위한 Route 만.. 이전 1 다음
