React - 배열을 렌더링시 key를 써야 하는 이유
key를 사용하지 않은 경우 처음 배열 : ['강아지', '고양이', '햄스터'] 바뀐 배열 : ['강아지', '햄스터'] 처음 배열을 렌더링 후, 바뀐배열로 데이터가 바뀌었다면, react는 해당 배열에서 두 번째 요소가 삭제된것인지? 세 번째 요소가 삭제되고, 두 번째 요소가 '햄스터'로 바뀐것인지? 등의 많은 경우 중 하나로 특정할 수 없다. key를 사용한 경우 처음 배열 : [{key:1, name:'강아지'}, {key:2, name:'고양이'}, {key:3, '햄스터'}] 바뀐 배열 : [{key:1, name:'강아지'}, {key:3, '햄스터'}] key값을 통해, 1과 3은 그대로 존재하고, 2가 삭제되었다는 것을 알 수 있다. 코드로 확인해보기 import React from 'r..
