Javascript React渲染循环中的循环
尝试在循环内循环并获取错误:value.forEach不是函数 不知道如何在渲染器中编写此代码Javascript React渲染循环中的循环,javascript,reactjs,loops,Javascript,Reactjs,Loops,尝试在循环内循环并获取错误:value.forEach不是函数 不知道如何在渲染器中编写此代码 render(){ return( Object.entries(this.props.detailOras).map(([key, value])=>{ return( <div className="flex-row"> <div className="flex-cont">
render(){
return(
Object.entries(this.props.detailOras).map(([key, value])=>{
return(
<div className="flex-row">
<div className="flex-cont">
<div>Laikas</div>
<div>Temperatūra </div>
<div>Vėjas</div>
<div>Krituliai</div>
</div>
{value.forEach(day => {
return(
<div className="flex-cont">
<div>{day.forecastTimeUtc.slice(11,16)}</div>
<div>{day.airTemperature} </div>
<div>{day.windSpeed}</div>
<div>{day.totalPrecipitation}</div>
</div>
)
})}
</div>
)
}
))}
render(){
返回(
Object.entries(this.props.detailOras).map([key,value])=>{
返回(
莱卡斯
坦佩拉特拉
Vėjas
克里图利亚
{value.forEach(天=>{
返回(
{day.forecastTimeUtc.slice(11,16)}
{日气温}
{白天,风速}
{日总降水量}
)
})}
)
}
))}
如果值
在以后的阶段作为数组填充,则下面的代码应该可以工作
render(){
return(
Object.entries(this.props.detailOras).map(([key, value])=>{
return(
<div className="flex-row">
<div className="flex-cont">
<div>Laikas</div>
<div>Temperatūra </div>
<div>Vėjas</div>
<div>Krituliai</div>
</div>
{(value.forecast || []).map(day => {
return(
<div className="flex-cont">
<div>{day.forecastTimeUtc.slice(11,16)}</div>
<div>{day.airTemperature} </div>
<div>{day.windSpeed}</div>
<div>{day.totalPrecipitation}</div>
</div>
)
})}
</div>
)
}
))}
render(){
返回(
Object.entries(this.props.detailOras).map([key,value])=>{
返回(
莱卡斯
坦佩拉特拉
Vėjas
克里图利亚
{(value.forecast | |[]).map(day=>{
返回(
{day.forecastTimeUtc.slice(11,16)}
{日气温}
{白天,风速}
{日总降水量}
)
})}
)
}
))}
此.props.detailOras的值是多少?那个对象的值是什么?试试这个{!值?null:value.forEach…console.log(detailOras):2020-05-28:forecast:Array(7)0:{forecastTimeUtc:“2020-05-28 17:00:00”,气温:16.8,风速:5,阵风:10,风向:6,}1:{forecastTimeUtc:“2020-05-28 18:00:00”,气温:16.4,风速:4,阵风:9,风向:4,…}……2020-05-29:{预测:阵列(24)}2020-05-30:{预测:阵列(22)}你可以点击你问题下的编辑,将格式化后的内容包括在你的问题中:{2020:05:28:{预测:[1:[{airttemp:xx},{windSpeed:xx}..]2:[{airttemp:xx},{windSpeed:xx}] ... ]}