관리 메뉴

흰둥씨의 개발장

[React] 반복문 same key 에러... Encountered two children with the same key...#$%@#$ 본문

끙끙거린 흔적

[React] 반복문 same key 에러... Encountered two children with the same key...#$%@#$

돈워리비해삐 2024. 7. 1. 18:46
//JSX...

<ul>
data.map(item => 
	<li key={item.key}>
	...
	</li>
)
</ul>

key에 들어가는 값이 
정말 same key인지 먼저 확인!! 

만약
중복키가 있다면 그 부분을 수정해야 합니다. 

하지만
각각 유니크한 키를 쓰고 있는데도 에러가 지속된다면

그럴 때는 브라우저 캐시를 삭제 합시다 !

인터넷 사용기록 삭제 + 캐시 삭제 하기 


React에서 Key를 왜 쓰는가? 에 대한 답은 아래의 링크에 ... 

 

재조정 (Reconciliation) – React

A JavaScript library for building user interfaces

ko.legacy.reactjs.org