Firebase React: Remove Item (Map) from array in firestore

Question

I'm trying to remove a map item from an array in firebase. From what I understand with firebase - you are unable to delete the item based on the index. Should I structure this a different way or is there an easier way to remove a specific object from the array? Thank you

Error: 'No document to update: '

  const listingRef = doc(db, 'users', 'savedListings');

  const deleteListing = async () => {
    try {
      await updateDoc(listingRef, {
        savedListings: deleteField()
      });
    } catch (e) {
      console.log(e.message);
    }
  };```

hi, i need help in creating react array map in firebase, can you please share source code for this. i am trying for the past 3 months but can't understand it. — siddhant kumar
– siddhant kumar, Commented Aug 1, 2022 at 5:39

Dharmaraj · Accepted Answer · 2022-04-10 19:05:24Z

1

The doc() takes path to a document that should be users/[email protected] in this case. While you can use arrayRemove() to remove elements from an array field you cannot delete an object from an array unless you know the exact value that object including all the fields.

const listingRef = doc(db, 'users', 'USER_EMAIL'); // USER_EMAIL is document ID

const deleteListing = async () => {
  try {
    await updateDoc(listingRef, {
      savedListings: arrayRemove("THAT_OBJECT")
    });
  } catch (e) {
    console.log(e.message);
  }
};

If you don't have that exact object, then you'll have to read the document, manually remove the element from array and update the document back.

edited Apr 10, 2022 at 19:05

answered Apr 10, 2022 at 18:32

Dharmaraj

51.3k8 gold badges68 silver badges100 bronze badges

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

5 Comments

fireclint Over a year ago

If I pass in the ${user.email} I can delete the entire array which is not optimal. Would I be better off not using an array to store this data perhaps?

Dharmaraj Over a year ago

@ClintBriley an array seems ideal to store user's addresses. Just to delete a specific one from that array, you would have to use either of the methods mentioned in my answer - fetching the document, removing the address and updating back the modified array or use arrayRemove() if you have that address object on client side.

fireclint Over a year ago

If I were trying to remove the entire map within the array would I run the "arrayRemove()" on each "address" "beds" "baths" "price" etc..?

Dharmaraj Over a year ago

@ClintBriley you'll need to know exact value of that map e.g. arrayRemove({ address: "", beds: 4, ...exactValueOfOtherFields })

fireclint Over a year ago

If I only want to delete the object from my array and never update fields within my object, do I still need to remove every field from within that specific object? Not sure what the best way to go about this is. Seems like a pain to not be able to delete the object based off the index. Thank you 🙏

Collectives™ on Stack Overflow

Firebase React: Remove Item (Map) from array in firestore

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related