Autocomplete with React components
Check out react-select. It is simple, beautiful and currently has the most Github stars. Live demo here.
React-Autosuggest is a component that meets the requirements. It has custom rendering that works natively with React elements.
We can make it handle JS objects instead of plain strings.
- the
onSuggestionSelected
props is a callback to get the selected suggestion suggestionRenderer
method takes suggestion and returns React markup
Another powerful Auto-Complete/Auto-Suggest module is 'downshift' which has a wide variety of props for better customization. Different from react-select which opens as a select-box, downshift is a textbox which unhides a suggestion list of words as its value changes.