[React] .map() 사용 시 key값을 쓰는 이유

map()을 사용하다 보면 이러한 경고를 만나게 된다.

 

 

목록의 하위 항목에는 key가 있어야 한다???

결국 key가 있어야 한다는 것

 

Key??

1. Key는 React가 어떤 항목을 변경, 추가 또는 삭제할지 식별하는 것을 돕는다

2. key는 엘리먼트에 안정적인 고유성을 부여하기 위해 배열 내부의 엘리먼트에 지정해야 한다

 

key는 list항목을 만들 때 들어가야 하는 문자열 속성이다

어떠한 항목을 추가, 변경, 삭제 할 때 식별을 위한 것이다

 

map()을 사용할 때 key를 사용하는 이유

ul나 list형식을 만들었을 때 react는 list 모든 항목을 재변경하게 된다 이는 굉장히 비효율적이어서

내가 원하는 항목에 key를 식별하여 변경시키는 것이다