使用react-bootstrap-typeahead包中的AsyncTypeahead时出现问题

Question

我在使用react-bootstrap-typeahead项目中的AsyncTypeahead时遇到了一个问题，似乎我的onSearch处理程序没有被调用。我可以在页面上看到typeahead，但是当我在其中键入时，handleSearch没有被执行，并且我没有看到任何控制台日志记录。下面是一个简短的示例：

​

import React, {PropTypes, Component} from 'react';
import AsyncTypeahead from 'react-bootstrap-typeahead';
class CustomTypeahead extends Component {
  
  state = { results: [] }
  
  handleSearch(event) {
    console.log("Show me what you got")
    // fetch data here and set state to results in a promise
    // this.setState(results)
  }
  
  render() {
    return (
      <div>
        <AsyncTypeahead
          onSearch={this.handleSearch.bind(this)}
          options={this.state.results}/>
      </div>
    )
  }
}

​

任何建议或见解都非常感谢！

Answer 1

通过使用以下命令修复：

import { AsyncTypeahead } from 'react-bootstrap-typeahead';

而不是

import AsyncTypeahead from 'react-bootstrap-typeahead';

并更新到用于react-bootstrap-typeahead的^1.0.0版