我正在使用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(); } }
该循环过早结束,即在删除所有完成的条目之前,因为调用了render函数。
您可以使用多位置更新一次性删除所有已完成的项目:
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);