reactjs - 如何迭代嵌套数组

Question

我必须使用本机反应来迭代嵌套数组。

这是代码：

<View>
          {
            courses.map(function(course) {
              return (
                <View>
                  <Text>{course.name}</Text>
                </View>
                {course.lessonPlans.map(function(lesson) {
                    return (
                      <View>
                        <Text>{lesson.name}</Text>
                      </View>
                    )
                  })}
              );
            })
          }
</View>

当我运行此代码时，我得到了意外的令牌，如何使用 react native 迭代数组数组？谢谢。

标签： reactjsreact-native

Answer 1

您正在返回相邻的JSX. 使用Fragments：

<View>
    {
        courses.map(function (course) {
            return (
                <>
                    <View>
                        <Text>{course.name}</Text>
                    </View>
                    {course.lessonPlans.map(function (lesson) {
                        return (
                            <View>
                                <Text>{lesson.name}</Text>
                            </View>
                        )
                    })
                    }
                </>
            );
        })
    }
</View>