title: Autocomplete with React components
body: <p>I want a autosuggest workflow like below. Instead of displaying numeric ID, say 123 in a text field, I want to show custom information. </p>
  
  <p><a href="https://i.stack.imgur.com/0VhfF.png" rel="noreferrer"><img src="https://i.stack.imgur.com/0VhfF.png" alt="enter image description here"></a></p>
  
  <p>While I can do the rest with React, I still need to do autocomplete. I have two requirements:</p>
  
  <ol>
  <li>When selected, provide a callback with rich data <code>{id: 123, title:"Prince Hall", info:"123 Foo St"}</code></li>
  <li>Have custom rendering that allows me to reuse JSX templates</li>
  </ol>
  
  <p>JQueryUI and Twitter autocompletes have both features. But their item rendering takes is <strong>string based</strong>, but I want to reuse JSX templates which are virtual-dom based. I dont want to duplicate/hardcode JSX templates with string templates.</p>