How to fetch nested document from firebase using React.js

Question

This is the view of my database:

import React, { useState } from "react";
import { db } from "../firebase";
import { collection, Firestore, getDocs } from "firebase/firestore";

function Document() {
  const handleFetchData = async () => {

//What should I Write to get the documents from Kids collection
};

}

return (
  <div>
    <button onClick={handleFetchData}> Fetch Data </button>
  </div>
);

export default Document;

I want to get the innermost document (document of Kids collection) by just clicking on the button

Drashti Kheni · Accepted Answer · 2022-10-10 09:58:50Z

1

Try once with following code:

const ref = db.collection('Price List').doc('Dry Clean').collection('Kids');
const doc = await ref.get();

answered Oct 10, 2022 at 9:58

Drashti Kheni

1,13910 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Anubhav Joria Over a year ago

It is showing error " db.collection is not a function"

Drashti Kheni Over a year ago

Then there must be error in initializing your db

Anubhav Joria Over a year ago

Actually, This method was used used in firebase 8

Anubhav Joria · Accepted Answer · 2022-10-10 11:14:42Z

0

var docRef = doc(
          db,
          'Price List',
          'Dry Clean',
          'Kids',
          'Kids Shirt'
        );
    
        const docSnap = await getDoc(docRef);
    
        if (docSnap.exists()) {
          console.log('Document data:', docSnap.data());
        } else {
          // doc.data() will be undefined in this case
          console.log('No such document!');
        }

Actually the correct solution is this after firebase 9

answered Oct 10, 2022 at 11:14

Anubhav Joria

418 bronze badges

Collectives™ on Stack Overflow

How to fetch nested document from firebase using React.js

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related