How to create a collection in FireBase using React

Question

The problem is pretty simple. I want to create a document that has a collection in it. An alternative way of wording it would be I need to make a collection in a document.

I need to be able to do this in React.

Visual: collection -> document -> collection

Here is where I need to add the code:

const addUser = async () => {
    await addDoc(usersCollectionRef, {
      name: newName,
      grade: Number(newGrade),
      role: newRole,
      hours: Number(newHours),

      //Collection Creation should go here as this is where I am making the new document.

    })
  }

Note: This is react and not react native

Callum · Accepted Answer · 2022-11-16 20:50:57Z

6

If I understood you correctly, you want to make a new collection inside the doc you just created in your code above. A collection cannot be empty, therefore you have to put some data inside a document in your collection. One way this can be done is like this:

const usersCollectionRef = collection(db, 'users')

const addUser = async () => {
    const document = await addDoc(usersCollectionRef, {
      name: newName,
      grade: Number(newGrade),
      role: newRole,
      hours: Number(newHours),
    })

    const newCollectionRef = collection(db, 'users', document.id, 'name of new subcollection')

    await addDoc(newCollectionRef, {
        data: 'Hello there World',
    })
  }

edited Nov 16, 2022 at 20:50

Callum

1251 silver badge6 bronze badges

answered Mar 4, 2022 at 21:22

Daniel Olsen

4446 silver badges16 bronze badges

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

2 Comments

Pasha Khoshkebari Over a year ago

This looks really good but how would I go at accessing the 'document.id'? By the way thank you so much for helping!

Daniel Olsen Over a year ago

I am not completely sure what you are asking for, but if you are asking about how I got the document.id. When adding the first document, I stored that document inside a constant. I can then use the document constant to retrieve the id of the newly added document in my new collection ref. If you want to get the id of any document, you need to store the addDoc in a variable, and then access it later.

Collectives™ on Stack Overflow

How to create a collection in FireBase using React

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related