Wie setze ich einen TypeAhead JS Vorschlag mit ReactJS

Question

? Ich bin ein ReactJS Neuling und habe eine Basis App mit TypeAhead JS Integration erstellt. Die Funktionalität von Typeahead funktioniert großartig, aber wenn ich den Vorschlag von Typeahead auswähle, möchte ich in ReactJS setState setzen, aber ich kann mir nicht vorstellen, wie ich das machen soll (wieder, Anfänger!).

Momentan kann ich die korrekte Ausgabe in der Konsole sehen, wenn ich den Typahead-Vorschlag auswähle, ich kann diese Daten nirgends in der App bekommen.

Ich habe eine Codepen-Demo, die weiter erklärt. Die Zeilen ab 94 zeigen, wo ich versucht habe, bei der Auswahl des Tipp-Vorschlags einen Status zu setzen.

Dank

codepen demo app

.on('typeahead:selected', function (obj, datum) { 

       console.log(datum.id); 

       // SET ID to STATE HERE ========================/ 
       // this.setState({ 
       // movieID: datum.id, 
       // homepage: datum.homepage, 
       // original_title: datum.original_title 
       // }) 
       // SET ID to STATE HERE ========================/ 


      }); // END Instantiate the Typeahead UI  

Answer 1

Sie müssen die Callback-Funktion binden Sie an die .on() Funktion zum Reagieren Komponente geliefert haben.

.on('typeahead:selected', function (obj, datum) { 
    this.setState({}); 
}.bind(this));