Question

我在使用AsyncTypeahead项目中的react-bootstrap-typeahead时出现问题，似乎我的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';

并更新为版本^ 1.0.0 react-bootstrap-typeahead

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

1 个答案: