목록react경고 (1)

dev_or_alive

Warning: Each child in a list should have a unique "key" prop.

React에서 Array의 map 함수를 사용하면 가끔가다 이런 경고가 보인다. Warning: Each child in a list should have a unique "key" prop. warning이라 당장은 실행이 가능하지만 개발을 하다보면 보기도 안좋고 잠재적으로 어떤 문제가 나올지 모르니 해결해주도록 하자. 원인 : 배열을 이용하여 요소를 그려줄 때는 key라는 고유한 값을 prop으로 전달 받아야 한다. 해결 : map을 이용해 그려주는 요소에 key 값을 부여하면 된다 아래부터는 이해를 돕기위한 설명들 이와 같이 코드를 입력하고 실행하니 Warning이 발생한다. 그럼 아무 키나 부여해보자 Encountered two children with the same key, `i'm Key!`..
etc/Waning&Error 2021. 11. 16. 19:58
이전 Prev 1 Next 다음