react-bootstrap-typeahead将输入限制为仅数字

问题描述

使用react-bootstrap-typeahead

<Typeahead
    {...this.state}
    id="basic-example"
    onChange={id => this.setState({ id })}
    options={id}
    placeholder="Select ID"
/>

是否可以将Typeahead的输入限制为仅数字？如果是，请概述操作方法

解决方法

是的，您可以设置inputProps：

<Typeahead
  {...this.state}
  id="basic-example"
  inputProps={{
    type: 'number',}}
  onChange={id => this.setState({ id })}
  options={id}
  placeholder="Select ID"
/>