[짜잘한 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개의 댓글

관련 채용 정보

Powered by GraphCDN, the GraphQL CDN