Firebase - 批量删除子节点

13 javascript firebase reactjs firebase-realtime-database

我正在使用reactFire,Firebase和reactJS构建一个简单的待办事项应用程序.我遇到的问题是当我尝试批量删除列表中的已完成条目时.

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();
            }
}
Run Code Online (Sandbox Code Playgroud)

循环过早结束,即在删除所有已完成的条目之前,因为调用了渲染函数.

Fra*_*len 22

您可以使用多位置更新一次性删除所有已完成的项目:

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);
Run Code Online (Sandbox Code Playgroud)