javascript - studentslearn.map() 不是函数

Question

我尝试使用嵌套在 firestore 集合中的数组的 react 映射数据，但出现错误：

array.map() 不是一个函数。

这就是我尝试从集合中映射的方式，其中 courseinfo 是存储从 firebase 返回的数据的状态

{courseinfo.students_learn.map((students)=>{
                        return(<CourseLearnItem>{students}</CourseLearnItem>)
                    })}

这是我试图从 students_learn 字段中获取数据的集合的结构

标签： javascriptreactjsfirebasegoogle-cloud-firestorejavascript-objects

Answer 1

我相信你应该解析第courseinfo.students_learn一个，因为从我所看到的来看它是一个字符串。

const studentList = JSON.parse(courseinfo.students_learn);
return (
  <div>
    {studentList.map((student) => (
        <CourseLearnItem>{student}</CourseLearnItem>
    ))}
  <div/>
);