Firebase -- Bulk delete child nodes

Question

I am building a simple todo app using reactFire, Firebase, and reactJS. The problem I am running into is when I try to bulk delete completed entries in the list.

componentWillMount: function() {
        this.ref = Firebase.database().ref("items/");
        this.bindAsArray(this.ref, "items");
        this.ref.on('value', this.handleDataLoaded);
}

for (var i in this.state.items) {
            var key = items[i]['.key'];
            if(items[i].done){
                this.ref.child(key).remove();
            }
}

The loop ends prematurely i.e. before deleting all the completed entries, because the render function is called.

what version of firebase are you running? I'm asking because react-fire doesn't support the latest changes to FB API. — U r s u s, Jun 28 '16 at 19:24
@adolfosrs yes it is @U r s u s, I am using firebase 3.0.5 and reactfire 1.0.0 — , Jun 28 '16 at 19:32

score 22 · Accepted Answer · answered Jun 28 '16 at 19:34

22

You can delete all completed items in one go by using a multi-location update:

var updates = {};
for (var i in this.state.items) {
    var key = items[i]['.key'];
    if(items[i].done){
        updates[key] = null; // setting value to null deletes the key
    }
}
this.ref.update(updates);

answered Jun 28 '16 at 19:34

Frank van Puffelen

565,676
79
828
807

"// setting value to null deletes the key." That's what I needed, thanks! – R.L. Brown Aug 27 '17 at 21:36
If setting the value to `null` deletes the key, how can you update a key to a null value? – Crashalot Nov 02 '17 at 00:39
1

@Crashalot `null` is an invalid key – Micah Smith Feb 04 '18 at 06:52

Firebase -- Bulk delete child nodes

1 Answers1

Linked

Related