인프런 커뮤니티 질문&답변
작성한 질문수
Unique "key" prop 문제
작성
·
168
1
화면은 정상적으로 작동하지만, 콘솔에서 Each child in a list should have a unique "key" prop 이라는 warning이 발생합니다...
문장을 읽어보면 각 child에 unique한 "key" prop이라는 것을 추가하면 해결할 수 있을 것 같은데요, 이 곳에 나오는
1. "key" prop이 무엇인지와
2. unique "key" prop은 어떻게 추가할 수 있는지
가 궁금합니다!
답변 1
1
그랩
지식공유자
안녕하세요 sunn님!
요 warning은 map으로 component를 리턴할 때 component에 key라는 prop을 주지않아서 나오는데요! 말씀하신대로 코드에 직접적으로 영향을 주지는 않습니다 (뒷부분에 key를 줍니다)
만약 warning을 없애고 싶으시면 <div className="product-card" key={index}> 요렇게 변경해주시면 됩니다 😁
감사합니다.