본문 바로가기
깃허브 링크!
react

코알누-react의 lifecycle을 활용한 날씨앱 만들기-3(버튼 보여주기)

5개의 버튼이 있다 .

1개는 현재위치 4개는 다른 도시

 

 const cities = ['paris','new york','tokyo','seoul']

앞으로 많이 쓰일 정보들은 따로 모아서 관리해주는게 좋다. 

 

 <WeatherButton cities={cities}/>
 // 도시 정보를 weatherButton에 props로 넘긴다.
const WeatherButton = ({cities}) => {
    console.log("cities?",cities)

 

 

도시가 한개든 만개든 한줄 코드로 끝내주는게 있음

 

 

이 map함수가 뭔지 잘 모르겠다. 그러면 array함수를 알려주는 위의 동영상을 시청해보자. 특히 리액트 쓸때 array함수 진짜 중요

 

 

 

 

돌아가면서 item있는거 긁어오면서 하나하나씩 버튼을 생성해준다. 아이템이 천개 만개이건 한줄로 정리 가능하다.