Methods.md

Public Methods

To access the component's public methods, add a ref to your typeahead instance:

<Typeahead ref="typeahead" ... />

then access the ref from your handler:

<button onClick={() => this.refs.typeahead.getInstance().clear()}>
  Clear Typeahead
</button>

Note that you must use getInstance to get the typeahead instance. This is because react-bootstrap-typeahead is wrapped by the react-onclickoutside higher-order component, so the clear method is not directly available. See react-onclickoutside's documentation for more information.

blur()

Provides a programmatic way to blur the input.

clear()

Provides a programmatic way to reset the input. Calling the method will clear both text and selection(s).

Warning: Be careful when calling this method from the onChange handler. Doing so can cause an infinite loop since clear triggers the change event. If you want to clear the typeahead after a selection, be sure to check the length of the selections:

onChange: function(selected) {
  ...
  if (selected.length) {
    this.refs.typeahead.getInstance().clear();
  }
}

focus()

Provides a programmatic way to focus the input.

Next: Props