겨리의 개발일기

고정 헤더 영역

글 제목

메뉴 레이어

겨리의 개발일기

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (82)
    • Programming (57)
      • JavaScript (6)
      • TypeScript (4)
      • Vue.js (9)
      • React (12)
      • Spring (1)
      • Algorithm (13)
      • 기타 (12)
    • CS (2)
    • 회고 (14)
    • HTML&CSS (8)

검색 레이어

겨리의 개발일기

검색 영역

컨텐츠 검색

KEY

  • [React] Warning: Each child in a list should have a unique"key"prop 해결법

    2023.08.30 by 겨리!

[React] Warning: Each child in a list should have a unique"key"prop 해결법

👾 문제 개인 프로젝트 개발 중 콘솔창에 에러가 찍히는 걸 발견했다. Warning: Each child in a list should have a unique"key"prop 라는 에러 ! 오잉 난 key에 값을 지정해줬는데..?!?! 🤔🤔🤔 뭘까 하고 찾아보니 금방 원인을 찾을 수 있었다. 일단 코드를 보자! 코드를 보면 map 함수 바로 아래에 Fragment( ) 로 묶어줬는데 이 부분에 key를 지정해주지 않아서 에러가 발생한 거였다! 어찌보면 당연한 것...상단에 Fragment로 묶어줬으니 그 부분이 반복적으로 생길 거니까 key 지정은 그 부분에 해줬어야함 😵‍💫 🧐 참고 ✅ key에 index를 지정해주는 건 웬만하면 지양하는 것이 좋다. ✅ 리액트 공식문서에서도 유니크한 값을 지정하는 ..

Programming/React 2023. 8. 30. 00:59

추가 정보

반응형

인기글

최신글

페이징

이전
1
다음
겨리의 개발일기
메일

티스토리툴바