Firebase Bind und Entbinden von Zustand in Reagieren bei Verwendung von Re-Base

Question

Bei der Verwendung der re-base-Modul mit Firebase & Reagieren, habe ich einige Probleme mit React und die Möglichkeit, den Inhalt von Firebase über die App zu erhalten.

Ich habe zwei Komponenten/„Seiten“ und

Im Heim ich nur „post“ ein Kommentar und Kommentar anzeigen gerade gebucht und Zähler, wie viele Kommentare gepostet wurden. Und in Kommentaren möchte ich alle geposteten Kommentare anzeigen.

Ich füge Kommentare von zu Hause aus zu Feuerbasis und seinen Arbeits ...

var base = Rebase.createClass('https://my-app.firebaseio.com/'); 

componentDidMount : function() { 

    base.bindToState('comments' , { 

     context : this, 
     state : 'comments', 

    }); 

Diese total funktioniert kann ich „post“ Kommentare zur Feuerbasis und Sync sie. Das Problem kommt, wenn ich von Home zu Comments gehe und dann zurückkomme, bekomme ich diesen Fehler.

Endpoint (comments) already has listener bindToState 

Ich habe dies versucht:

componentWillUnmount: function() { 

base.removeBinding('comments');  


}, 

aber nicht funktioniert. Ist das nicht der richtige Weg, es vielleicht in React zu tun, vermisse ich etwas. Ich werde etwas Hilfe schätzen. Vielen Dank!

Answer 1

auf der Grundlage der Dokumentation hier https://github.com/tylermcginnis/re-base, sollte Ihr Code ... sein

this.commentsRef = base.bindToState('comments' , { 
    context : this, 
    state : 'comments', 
}); 

Und ...

componentWillUnmount(){ 
    base.removeBinding(this.commentsRef); 
}