[2019.05.26] 오늘의 TIL - react key

배열만큼 동적으로 생성하여 만든 컴포넌트가 있다.

각 컴포넌트마다 state값을 가지고 있다. 

배열 값 하나가 사라지는 작업으로 인해, 동적 컴포넌트 개수도 따라 하나가 사라지는데,

이 때 각 컴포넌트의 고유의 key 값이 없으면, 각 컴포넌트의 state는 자기위치 그대로 있고, 마지막 컴포넌트 하나만 사라진다.

key값으로 인해 각 고유의 state값을 유지해 주어야한다. 그래야 중간에 값이 사라져도 virtual DOM으로 인해 컴포넌트 내 state가 유지되는 것을 막을 수가 있다.