Select matched option with React Bootstrap Typeahead

Question

In my React Bootstrap Typeahead component, the user can press Tab to select the currently matched option. How can I accept Enter as well?

Answer 1

You can use the selectHintOnEnter prop to achieve this behavior:

<Typeahead
  options={[ ... ]}
  selectHintOnEnter
/>

Enabling this prop will allow users to select the hint by pressing Enter as well as Tab. Here's a live example.