How to add a new Firestore document with a nested collection in React?

Question

How would I go about adding a new document in Firebase/Cloud Firestore with a nested collection?

const createDocument = () => {
        const documentName = prompt('Enter document name:');
        if (documentName) {
            db.collection('despacito').add({
                name: documentName,
            })
}

Any suggestions? Thank you for your time.

Andres S · Accepted Answer · 2020-10-30 15:42:14Z

2

Per the data model doc, Collections and documents are created implicitly in Cloud Firestore. Simply assign data to a document within a collection. If either the collection or document does not exist, Cloud Firestore creates it.

So no need to actually create a document with a nested collection.

Per the subcollections documentation to reference a new document in a subcollection you can reference it as:

const messageRef = db.collection('rooms').doc('roomA').collection('messages').doc('message1');

As you are using the .add method, it should be something like:

db.collection('despacito').doc('documentName').collection('subcollectionname').add({
                name: nesteddocumentName,
            })

answered Oct 30, 2020 at 15:42

Andres S

1,2478 silver badges11 bronze badges

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

2 Comments

quachhengtony Over a year ago

Very helpful. Thank you.

Andres S Over a year ago

no problem, feel free to upvote/accept the answer for reference for future users with same issue

Collectives™ on Stack Overflow

How to add a new Firestore document with a nested collection in 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