Estoy tratando de obtener una lista de datos de Firestore para crearlos automáticamente y anidarlos en divs (uno para cada tema). Siento que estoy cerca, pero no sé qué estoy haciendo mal...

Aquí está mi código

 const querySnapshot = await getDocs(collection(db, "vhf", '1', 'week1')); querySnapshot.forEach((doc) => { // doc.data() is never undefined for query doc snapshots //console.log(doc.id, " => ", doc.data()); }); querySnapshot.forEach(function(topics){ // console.log('Topics From Function: ', topics.data().topic) let html = '' const weekData = topics.data(); const li = ` <li> <div class="topicRungDiv">${weekData.topic}</div> </li> `; html += li });

¿Podría alguien por favor ayudarme a hacer que esto funcione? He parcheado esto desde un tutorial y no hay errores con el código... Pero no entiendo la función de let html = '' y html += li

Tampoco entiendo cómo decirle al código dónde colocar las nuevas etiquetas <div> como identificación, como si se colocaran en un contenedor div específico.

Cualquier ayuda, enmiendas o comentarios serán muy apreciados.