Tengo un conjunto de comerciantes y cada comerciante tiene un documento y luego una colección, cada uno con subcolecciones y documentos anidados.

Creé un ciclo para que cada vez que el usuario haga clic en el div, se llame a la función para obtener una instantánea de la siguiente colección en la base de datos.

Pero la función no está llamando porque estoy tratando de almacenar el valor de cada documento y colección en una matriz y luego llamar a esa matriz en la función para vincular la base de datos a la aplicación web (si eso tiene algún sentido).

Pero arroja un error de Uncaught TypeError: no se pueden leer las propiedades de undefined (leyendo 'onSnapshot'). ¿Alguna idea sobre cómo llamar al siguiente documento y subcolección en la base de datos?

El resultado de console.log para la unión es: 'doc(Materiales de construcción).colección(Materiales de construcción)'

Pero la salida de console.log para la referencia es: 'indefinido'

Aquí está el código:

 $(".outer-body").click(function(){ var src = $(this).text().trim(); sourceArray.push(src); var doc; var collection; var dataArray = []; for (var x = 0; x < sourceArray.length; x++){ var sourceX = sourceArray[x]; if(sourceArray[x] == sourceArray[0]){ doc = "doc(" + sourceX + ")"; } else { doc = ".doc(" + sourceX + ")"; } collection = ".collection(" + sourceX + ")"; dataArray.push(doc + collection); } var join = dataArray.join(''); console.log(join); const ref = db.collection("all_merchants").doc(customClaim).collection(customClaim).join console.log(ref); ref.onSnapshot((querySnapshot) => { console.log(doc.id, '=>', doc.data()); }); }