map은 배열을 UI 목록으로 바꾸고 key는 항목의 정체성을 고정한다
React는 key를 보고 이전 항목과 다음 항목을 맞춘다. index key는 순서가 바뀌는 목록에서 상태가 잘못 붙을 수 있다.
Array
데이터 목록
id 포함
map
요소 반복 생성
각 항목 UI
key
identity
이전/다음 항목 대응
Reconcile
최소 변경
상태 보존 위치 결정
선택
좋은 key
나쁜 key
DB 목록
row id
index
정렬 가능
안정 id
순서 기반 값
임시 항목
client id
랜덤 매 렌더
중복 값
복합 key
label만 사용