Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

288
Vistas
Firestore how to extract sub collection from collections

I have a data structure of like this.

here is image

Now i want to extract from product collection. i am already able to get its fields but don't known how to extract sub collections. Here is my code to extract product collection's field

useEffect(() => {
    async function fetchData() {
      const conditional_fetch = query(
        collection(db, "products"),
        where("active", "==", true)
      );
      const querySnapshot = await getDocs(conditional_fetch);
      const products = [];
      querySnapshot.forEach((doc) => {
        products[doc.id] = doc.data();
      });
      setProducts(products);
    }
    fetchData();

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

You would have to make separate requests for each products prices sub-collection. So you could try something like this:

async function fetchData() {
  // 1. Fetching products
  const conditional_fetch = query(
    collection(db, "products"),
    where("active", "==", true)
  );

  const querySnapshot = await getDocs(conditional_fetch);
  const products = [];

  // 2. For each product, fetching documents from prices sub-collection
  for (const doc of querySnapshot.docs) {
    const prices = await getDocs(
      collection(doc.ref, "prices", "timestamp", "desc")
    );
    products.push({
      id: doc.id,
      ...doc.data(),
      prices: prices.docs.map(p => p.data())
    });
  }
  setProducts(products);
}
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda