Javascript React-加载的数据能够控制日志，但不会显示在DOM中？

我检查了日志，状态为

Classs

和

Classes

的数据很好 但是当我进入页面时，

{renderCards}

没有出现

有趣的是，当我修复代码并保存它时，我的本地服务器被重新加载，然后出现

{renderCards}

！为什么?

函数类详细信息页（道具）{
const dispatch=usedpatch（）；
const classId=props.match.params.classId
const[Classs，setClasss]=useState（{}）
const[Classes，setClasses]=useState（[]）
console.log（Classs.desc_image）；
useffect（（）=>{
分派（videoclasslist（））
。然后（（res）=>{
const class_list=res.payload
log（class_列表，'123'）；
设置类（类列表）
})
}[快讯]）
useffect（（）=>{
调度（videoclassdetail（classId））
。然后（（res）=>{
控制台日志（res.payload）；
setClasss（资源有效载荷）
日志（res.payload.content）；
})
}[快讯]）
const renderCards=Classes.map（（产品、索引）=>{
返回
})
返回(
{/*ProductInfo*/}
班级
{renderCards}


)   
}
导出默认ClassDetailPage

确保在

renderCards

map函数中返回整个JSX部分，而不仅仅是

);
});

renderCards（）