Javascript React渲染循环中的循环

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">

尝试在循环内循环并获取错误:value.forEach不是函数

不知道如何在渲染器中编写此代码

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}] ... ]}