<aside>
📌 Goal: map
을 이용해서 반복되는 컴포넌트를 렌더링해봅니다.
</aside>
[목차]
1. 리액트에서의 map
- (1) 우리 코드 다시 확인해보기
- (2) map을 이용해서 구현해보기
2. 조금 더 복잡한 데이터 다뤄보기
- (1) 객체가 담긴 배열 다뤄보기
- (2) state 복습
- (3) 추가/삭제를 위한 준비
- (4) user 추가
- (5) user 삭제
- (6) 컴포넌트 분리
- (7) 버튼 색상 변경하기
3. key?
- (1) 혹시 브라우저 콘솔에서 에러가 뜬다면?
- (2) key를 넣는 방법
4. 퀴즈 문제
<aside>
📖 map을 사용해서 아래 조건을 충족하도록 구현해봅시다.
</aside>
[조금 더 복잡하게]
예시에서 age
가 25이상인 user
는 제외하고 렌더링 해봅시다.