Question

我是一名ReactJS新手，并使用Typeahead JS集成构建了一个基本应用程序。 Typeahead的功能非常好，但是在从Typeahead中选择建议后我想在ReactJS中设置setState，但我无法弄清楚如何做到这一点（再次，新手！）。

现在我可以在选择Typeahead建议时在控制台中看到正确的输出，我无法在应用程序的任何位置获取此数据。

我有一个Codepen演示，进一步解释。 94行以后显示我在Typeahead建议选择中尝试设置State的位置。

由于

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

如何使用ReactJS通过Typeahead JS建议setState

1 个答案: