key 재조정 전후 비교 구조
reconciliation
old listA, B, C 렌더링
insert X중간에 새 항목 삽입
id key기존 상태가 같은 항목에 유지
index key위치 기준 재사용으로 상태 오염
old listinsert Xid keyindex key
key 재조정 전후 비교 기준
점검
고유성key는 형제 목록 안에서만 고유하면 됩니다.
안정성렌더마다 바뀌는 random key는 재마운트를 만듭니다.
index 위험정렬, 삽입, 삭제가 있으면 index key를 피합니다.
상태 보존React는 key를 기준으로 기존 컴포넌트를 재사용합니다.