[짜잘한 react] key 값이 필요한 경우

AnSuebin·2022년 9월 1일
0
post-thumbnail

react에서는 키값이 없으면 오류가 뜬다.
왜 필요한지, 그렇다면 어디에 꼭 넣어야하는지 알아봤다.
1. key값이 필요한 이유
2. keyt값이 필요한 곳

1. key값이 필요한이유
key 값이없다면 중간의 값이 바뀌었을때 그 하위 값들이 전부 변하기 때문인다. key값을 사용한다면 key를 이용해 중간의 값을 추가하게 된다.

2. key값이 필요한 곳
2-1) map : 돌아가는 컴포넌트 중 가장 상위 태그에 key값 입력
2-2) filter : 필터되는 컴포넌트 중 가장 상위 태그에 key값 입력
2-3) 조건문(삼항연산자) : 삼항연산자 중 컴포넌트를 사용한다면, 각각의 조건의 상위 태그에 key값 입력

profile
고객에게 명료한 의미를 전달하고, 명료한 코드를 통해 생산성 향상에 기여하고자 노력합니다.

0개의 댓글