如何自定义react-bootstrap-typeahead以删除不区分大小写的字符串匹配的默认过滤。

时间:2016-09-23 17:07:16

标签: react-bootstrap

根据文档,我看到该库提供了filterBy prop。但我需要用它来删除默认行为。

1 个答案:

答案 0 :(得分:1)

编辑:从v0.10.0开始,您可以设置caseSensitive=true以使过滤区分大小写。

如果您提供了有关您尝试实现的行为的更多信息,那将会很有帮助。根据您的描述,听起来您需要区分大小写的过滤。为此,将回调函数传递给filterBy prop:

<Typeahead
  labelKey="yourLabelKey"
  filterBy={option => (
    option['yourLabelKey'].indexOf(this.state.text) !== -1;
  )}
  onInputChange={text => this.setState({text})}
/>

有关详细信息,请参阅the documentation