Firebase - 子ノードの一括削除

Question

私は、reactFire、Firebase、およびreactJSを使用して単純なTodoアプリケーションを構築しています。私が実行している問題は、リスト内の完成したエントリを一括削除しようとするときです。

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(); 
      } 
} 

ループは、レンダリング関数が呼び出されるため、完了したすべてのエントリを早期に削除する前に終了します。

Answer 1

あなたは、マルチロケーション・アップデートを使って、一度にあるすべて完了した項目を削除することができます。

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);