Delete node firebase in react

Question

I'm building a blog in react and trying to add some functionality to delete the entire blog from memory where it is stored in realtime database on firebase but can't seem to get the remove function working.

I've read the API but it doesn't really elaborate on the .remove method and I'm struggling to get it functioning. At the moment I'm getting to the point of accessing the right file passed by blogID but removing it doesn't seem to work!

Hoping someone might be able to point out the correct way to remove the data as the other posts I've also looked at haven't really helped.

At the moment this is what I have:

export async function handleDelete(blogID) {
  const dbRef = await ref(getDatabase());
  const getBlog = await get(child(dbRef, `blogs/${blogID}`));
  getBlog.remove;
}

Dharmaraj · Accepted Answer · 2022-09-21 10:45:04Z

1

The get() returns a DataSnapshot that does not have a remove() property. Instead you need to use remove() function with a DatabaseReference when using the Modular SDK. Try the following:

import { remove } from "firebase/database";

export async function handleDelete(blogID) {
  const blogRef = await ref(getDatabase(), `blogs/${blogID}`);
  const getBlog = await get(blogRef);
  await remove(blogRef);
}

answered Sep 21, 2022 at 10:45

Dharmaraj

51.3k8 gold badges67 silver badges100 bronze badges

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

Collectives™ on Stack Overflow

Delete node firebase in react

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related