所以,我有一个带有键的字典和一个对象数组作为每个键的值。我需要做的是为数组的每个元素渲染一个带有来自 Object 的 props 的新组件。这是它的样子。
1:
[
Object {
"ClassId":232,
"Teacher":"TeacherName"
...
}
Object {
"ClassId":21,
"Teacher":"TeacherName"
...
}
...
]
这是我现在拥有的代码,但不知何故组件没有呈现到屏幕上。
时间表[键][“值”]。值字段在那里是因为键的实际值是另一个字典,但我只使用该值。在控制台中打印元素而不是将它们作为props传递给 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"]}
/>
);
});
})}