У меня есть компонент Material-UI <Autocomplete />
, который я использую, где вы можете ввести чье-то имя, и он предоставит список людей, из которых можно выбрать. Это довольно стандартный вариант использования, однако мне нужно, чтобы выбранный элемент в форме отличался от метки.
В настоящее время, если вы выберете запись с пометкой "Джон Смит", текстовое поле будет заполнено " Джон Смит". Вместо этого я хочу заполнить текстовое поле идентификатором этого пользователя.
Данные для автозаполнения представляют собой массив таких объектов:
{ "name": "John Smith", "id": 123456789 }
Как сделать так, чтобы компонент автозаполнения помещал идентификатор пользователя в текстовом поле вместо метки пользователя?