CardList 컴포넌트에
원하는 property를 적어준다.
string, array 상관없다.
card-list.component.jsx 파일로 가서
콘솔 props에 뭐가 나오는지 보자.
콘솔
CardList 컴포넌트에 몬스터 리스트가 나오도록 해본다
콘솔에서 리스트 목록이 잘 나오는 것을 볼 수 있다.
CardList로 가서 map() 함수 내용을 붙여 넣기 한다.
filteredMonsters가 에러가 나는데 props 설정을 해준다.
destructuring 하기
this.props를 따로 빼서 destructuring 한다.
'React > React Basic' 카테고리의 다른 글
| Monsters-Rolodex 7 | search-box Component (0) | 2022.05.01 |
|---|---|
| [React] render() 2번 되는 이유 (0) | 2022.04.29 |
| Monsters-Rolodex 5 | Component | App.css (0) | 2022.04.29 |
| Monsters-Rolodex 4 | Destructuring | Optimizations (0) | 2022.04.29 |
| Monsters-Rolodex 3 | 검색 기능|search(),filter(),includes() (0) | 2022.04.27 |
댓글