Cuando hago console.log los datos que obtengo de firestore dentro de la función then() como se muestra a continuación, muestra los datos sin problemas. Sin embargo, si agrego esos datos en la variable peopleData y console.log la variable peopleData, obtengo una cadena vacía.

 let db = getFirestore(); let peopleCollection = collection(db, 'People'); getDocs(peopleCollection) .then((people) =>{ people.docs.forEach(person =>{ let personData = person.data(person); console.log(`${personData.Name} is an ${personData.Occupation} aged ${personData.Age}`); })}) .catch(err =>{ console.log(err) })

Aquí obtengo una cadena vacía registrada

 let peopleData = ``; getDocs(peopleCollection) .then((people) =>{ people.docs.forEach(person =>{ let personData = person.data(person); peopleData += `${personData.Name} is an ${personData.Occupation} aged ${personData.Age}`; })}) .catch(err =>{ console.log(err) }) console.log(peopleData);