Как установитьState через предложение TypeShead JS с ReactJS

Question

Я новичок ReactJS и разработал базовое приложение с интеграцией с TypeAhead JS. Функциональность Typeahead отлично работает, однако при выборе предложения от Typeahead я хочу установитьState в ReactJS, но я не могу понять, как это сделать (опять же, новичок!).

Прямо сейчас я могу видеть правильный вывод в консоли при выборе предложения Typeahead, я просто не могу получить эти данные в любом месте приложения.

У меня есть демо-версия Codepen, которая объясняет далее. Строки 94 показывают, где я пытаюсь установить SetState на выбор предложения 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() к React компоненту.

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