상품 상세 페이지 구현 -2 오류 문의

Question

상품 상세 페이지 구현-2 영상 3:12초까지

동일하게 코딩 후 /product 화면에서 > 상세 보기 이동할 때

conosole창에서 에러가 발생하면서 빈 화면이 조회되는 경우가 있습니다.

혹시 왜그런지 아실까요?

npm start 다시 돌리니 정상 동작하더라고요..

Answer

해결 완료 mainpage 명칭 문제

Answer

해당 로그는 warning(주의)으로 react에서 map으로 여러개의 컴포넌트를 렌더링할 때, 성능이나 다른 특수 케이스에 대응하기 위해서 고유한 id를 부여해달라는 로그입니다.

뒷부분에 가면 key를 넣어주긴 하겠지만, 미리 하려면 main/index.js에서 <div className="product-card" key={index}> 이렇게 key를 추가해주시면 문제는 해결됩니다 :)

이렇게 key를 추가해주시면 문제는 해결됩니다 :)