У меня нижеприведенное поле ввода, настроенное здесь с автозаполнением: https://material -ui.com / demos / autocomplete / (первый пример реакции-автозаполнения)
Поэтому, когда вы набираете 002, появляются эти опции.Хотя проблема в том, что при нажатии на один из вариантов я получаю неопределенную ошибку.Ниже приведены настройки для текстового поля, которое у меня есть на странице:
value: AccountNumber,
onChange: this.updateAccountNumber,
onBlur: this.updateAccountNumber,
Так что, когда вы нажимаете, значение для этого поля оказывается неопределенным
У меня есть работающий AutoSuggest CodeSandbox, настроенный здесьс console.logs я добавил для тестирования здесь: https://codesandbox.io/s/m35z5l98ox
Как вы видите, когда вы печатаете, он печатает на одну букву меньше (возможно, consolelog запускается до обновления состояния), что хорошо, но когда вы выбираете элемент изсписок, он не вызывает событие onChange (что и должно происходить, так как значение в поле изменяется) ... Так что, если вы щелкнете по полю, вы получите полное значение, выбранное вами из списка (что я не совсемзнать, как это значение списка вставляется в поле) ...
Для пояснения: это поле номера учетной записи настраивается с помощью Redux, поэтому введенные вами данные сохраняются через OnChange в Redux Store.Как только предложения отобразятся, и вы выберете одно из списка, в этот момент значение поля ввода станет неопределенным, и autosuggest не сможет поместить то, на что вы нажали, в список предложений внутри поля.
Я думаю, что предложения вытирают поле, чтобы записать значение, которое я щелкнул в поле, и не смогли выполнить эту работу, но не могу понять, почему это не удается и как это исправить ...