Allow passing an entire object to AutoCompleteItem as the value

Overview

It’s very common to use a component like this with a list of objects. While the input value is always a string, it would be nice to also pass the entire object to AutoComplete and invoke the onSelectOption with that value.

Example

<AutoComplete
  // This is a hack to reset the internal state of the component
  key={instanceCount}
  ...
  onSelectOption={(selection) => {
    // selection is { email: '[e-mail]', id: 's3e8d' }
  }}
>
  ...
  <AutoCompleteItem
    key={item.email}
    value={{ email: '[e-mail]', id: 's3e8d' }}
  />

[anubra266]

Thanks @SpencerKaiser we could add a new key that holds the full object.

[anubra266]

Hi @jamesopti, really sorry it took the long. Just finished my exams. The value prop now accepts objects, and the getValue prop is now available to resolve the value used by default. If the getValue prop does not exist and you pass an object as the value, the first key in the value is used. See changes in v4.8.0