如何設置狀態通過Typeahead JS與ReactJS建議

Question

我是一個ReactJS新手，並建立了一個基本的應用程序，Typeahead JS集成。 Typeahead的功能很好，但是從Typeahead選擇建議後，我想在ReactJS中設置狀態，但我無法弄清楚如何做到這一點（再次，新手！）。

現在我可以在控制檯上看到正確的輸出選擇Typeahead建議，我只是無法在應用程序的任何位置獲取此數據。

我有一個Codepen演示，進一步解釋。第94行開始顯示我一直試圖設置狀態的地方Typeahead建議選擇。

感謝

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

你需要綁定你提供給.on()功能的組件做出反應的回調函數。

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