小编典典

组件未在地图函数内部渲染-React Native

reactjs

因此,我有一个包含键的字典和一个对象数组,作为每个键的值。我需要做的是渲染一个新组件,其中的对象来自于对象,用于数组的每个元素。这是它的外观。

    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"]}
                        />
                      );
                    });
                  })}

阅读 291

收藏
2020-07-22

共1个答案

小编典典

您需要返回内部地图函数的结果,

   {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"]}
                    />
                  );
                });
              })}
2020-07-22