[react] key

ch9eri·2022년 7월 31일
0

react

목록 보기
6/14
post-custom-banner

react에서의 key

변동된 원소를 알아내기 위함
-> key 값을 이용하여 변화를 빠르게 알아낼 수 있음

key가 없을 때
: Virtual DOM을 비교하는 과정에서 리스트를 순차적으로 비교하면서 변화 감지

key 설정

  • map 함수의 인자로 전달되는 함수 내부에서 컴포넌트 props를 설정하는 것과 같이 설정
  • key 값은 언제나 유일
  • 데이터가 가진 고유값을 key값으로 설정
const nameList = names.map((name, index) =>
	<li key={index}>
		{name}
	</li>
profile
잘하자!

0개의 댓글