#autocomplete #material-ui
#автозаполнение #material-ui
Вопрос:
Изучите автозаполнение Material-UI с помощью playground на https://material-ui.com/components/autocomplete /, я действительно не вижу никакой разницы с / без свойства includeInputInList? В документе говорится: «Если true, выделение может переместиться на ввод». Я попробовал, выделение никогда не перемещается в поле ввода.
Ответ №1:
includeInputInList
Имеет 2 связанных модульных теста.
В описании тестов говорится:
он считает текстовое поле предшественником первого параметра при нажатии Вверх
он считает текстовое поле преемником последнего параметра при нажатии вниз
Это означает includeInputInList
, что при наведении фокуса на компонент и нажатии клавиши вверх, если это первый элемент, фокус переместится на текстовое поле (элемент ввода), прежде чем перейти к элементам. И если вы нажмете вниз, и это будет последний элемент, фокус также переместится в текстовое поле.
Без этой опции фокус остается на отображаемых элементах и никогда не переходит в текстовое поле, он переходит от первого к последнему элементу (клавиша вверх) и от последнего к первому (клавиша вниз), пока вы фокусируетесь на них и просто нажимаете клавишу вверх или клавишу вниз.
Вы можете попробовать пример, приведенный в документах Material UI: нажимайте tab, пока не перейдете к компоненту MUI, а затем нажимайте клавишу вверх или вниз, с includeInputInList
опорой на Autocomplete
компоненте и без нее.