react에서의 key
변동된 원소를 알아내기 위함
-> key 값을 이용하여 변화를 빠르게 알아낼 수 있음
key가 없을 때
: Virtual DOM을 비교하는 과정에서 리스트를 순차적으로 비교하면서 변화 감지
key 설정
- map 함수의 인자로 전달되는 함수 내부에서 컴포넌트
props
를 설정하는 것과 같이 설정
- key 값은 언제나
유일
- 데이터가 가진 고유값을 key값으로 설정
const nameList = names.map((name, index) =>
<li key={index}>
{name}
</li>