推 Hevak: 你的forecast組件是給單一筆資料用的,所以你要想的不是怎 08/02 21:00
→ Hevak: 怎麼把5天傳下去,而是你要怎麼產生五筆資料 08/02 21:00
→ Hevak: sorry我改用回文可能比較好解釋 08/02 21:01
你要看的是怎麼利用陣列生出這些組件,一般是用 map
這在 react 文件裡面就已經有寫了
https://facebook.github.io/react/docs/lists-and-keys.html
建議你 state 裡面的 forecast 一開始宣告成空陣列「[]」,
這樣你後面就不用判斷那個null,直接這樣下去就好:
var content =
forecast.map((item) => {
return (
<Forecast
icon={item.icon}
description={item.description}
temp={item.temp}
dt_txt={item.dt_txt}/>
);
});
其他都不用改