5개의 버튼이 있다 .
1개는 현재위치 4개는 다른 도시
const cities = ['paris','new york','tokyo','seoul']
앞으로 많이 쓰일 정보들은 따로 모아서 관리해주는게 좋다.
<WeatherButton cities={cities}/>
// 도시 정보를 weatherButton에 props로 넘긴다.
const WeatherButton = ({cities}) => {
console.log("cities?",cities)
도시가 한개든 만개든 한줄 코드로 끝내주는게 있음
'react' 카테고리의 다른 글
코알누 react의 lifecycle을 활용한 날씨앱 만들기-5(로딩 스피너) (0) | 2023.08.01 |
---|---|
코알누-react의 lifecycle을 활용한 날씨앱 만들기-4(도시별 날씨 가져오기) (0) | 2023.08.01 |
코알누-react의 lifecycle을 활용한 날씨앱 만들기-2(ui작업,날씨 데이터 보여주기) (0) | 2023.07.31 |
코알누-react의 lifecycle을 활용한 날씨앱 만들기 (0) | 2023.07.31 |
코알누-리액트 lifecycle (0) | 2023.07.31 |