react-bootstrap-typeaheadパッケージのAsyncTypeaheadを使用した問題

Question

ハンドラが呼び出されないようなreact-bootstrap-typeaheadプロジェクトのAsyncTypeaheadを使用して問題が発生しました。私はページ上の先読みを見ることができますが、入力すると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