Для чего свойство includeInputInList используется в автозаполнении из Material-ui?

#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 компоненте и без нее.