list와 key
-
list
배열을 사용해서 list형태로 element들을 렌더링할 수 있음 -
key
고유하다! 각 객체나 아이템을 구분할 수 있는 고유값 /
리스트에서 key는 아이템들을 구분하기 위한 고유한 문자열
❗ 여러 개의 컴포넌트 렌더링하기
map() 사용 / 최종 결과 배열로 만들어서 리턴
기본적인 list component
이렇게 하면 실행은 되지만 key가 없다고 경고가 뜬다.
리스트의 키
- key로 값을 사용하는 경우
- key로 id를 사용하는 경우 (적합)
- key로 index를 사용하는 경우 (적합하나 배열에서 아이템의 순서가 바뀔 수도 있는 경우는 권장하지 않음)
map()함수 안에 있는 elmements는 꼭 key가 필요하다!
실습) 출석부 출력하기
