Intenté mapear datos con reacción de una matriz anidada en una colección de firestore pero aparece un error:
array.map() no es una función.
Así es como intenté mapear desde la colección, donde la información del curso es el estado que almacena los datos devueltos de firebase
{courseinfo.students_learn.map((students)=>{ return(<CourseLearnItem>{students}</CourseLearnItem>) })}Esta es la estructura de la colección. Estoy tratando de obtener datos del campo Students_learn.
Creo que primero debe analizar el courseinfo.students_learn porque, por lo que vi, es una cadena.
const studentList = JSON.parse(courseinfo.students_learn); return ( <div> {studentList.map((student) => ( <CourseLearnItem>{student}</CourseLearnItem> ))} <div/> );Según su captura de pantalla, students_learn es una cadena y map es una función para matrices. Dado que está tratando de aplicar la función de matriz a String, arroja un error.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map