因此,我有一个包含键的字典和一个对象数组,作为每个键的值。我需要做的是渲染一个新组件,其中的对象来自于对象,用于数组的每个元素。这是它的外观。
1: [ Object { "ClassId":232, "Teacher":"TeacherName" ... } Object { "ClassId":21, "Teacher":"TeacherName" ... } ... ]
这是我现在拥有的代码,但是该组件无法以某种方式呈现到屏幕上。
时间表[键] [“值”]。之所以有value字段,是因为键的实际值是另一本字典,但是我仅使用该值。在控制台中打印元素而不是将其作为道具传递给CourseCard组件看起来不错,数据就在那里。
{Object.keys(timetable).map((key, index) => { timetable[key]["value"].map(iter => { return ( <CourseCard teacher={iter["Teacher"]} course={iter["ClassName"]} classRoom={iter["ClassRoom"]} time={iter["Time"]} key={iter["Key"]} /> ); }); })}
您需要返回内部地图函数的结果,
{Object.keys(timetable).map((key, index) => { return timetable[key]["value"].map(iter => { return ( <CourseCard teacher={iter["Teacher"]} course={iter["ClassName"]} classRoom={iter["ClassRoom"]} time={iter["Time"]} key={iter["Key"]} /> ); }); })}