В Material-UI, используя реагировать, выберите, как переместить фокус на следующий элемент управления, нажав Tab только один раз?

Question

По умолчанию в Material-UI реагирует на выбор после выбора опции на вкладке или для ввода пользователя необходимо дважды нажать клавишу Tab, чтобы переместить фокус на следующий элемент.

Ниже приведена ссылка на демоверсию

https://codesandbox.io/s/8xy53m60m2

Шаги для воспроизведения:
1. Нажмите вкладку, чтобы выбрать параметр, выделив его с помощью клавиш со стрелками (фокус не перемещается к следующему компоненту, фокус должен перейти к следующему компоненту)
2. Когда выбрана опция, пользователю нужно дважды нажать вкладку, чтобы сфокусировать следующий компонент.

Ожидаемое:
1.После выбора опции из фокуса вкладки переходите к следующему компоненту
2.После выбора параметра мышью фокус должен перейти к следующему компоненту после однократного нажатия кнопки табуляции.

Answer 1

Вот как они предназначены для работы, Есть два варианта выбора выпадающих элементов onenter и ontab, когда вы нажимаете tab, он выбирает тот параметр, который он вводит в поле ввода (фокус все еще находится в выделенном элементе), а затем перейти к следующему нужному элементу. снова нажать вкладку.

Выбор работает только таким образом, для большинства пакетов. Если вы хотите отключить поведение выбора вкладки, тогда это свойство называется

tabSelectsValue

, который включен по умолчанию, вы можете отключить его

 <Select
            classes={classes}
            styles={selectStyles}
            options={suggestions}
            components={components}
            value={this.state.single}
            tabSelectsValue={false}
            onChange={this.handleChange("single")}
            placeholder="Search a country (start with a)"
            isClearable
          />

он переместит фокус на следующий элемент, но затем вам придется использовать ввод для выбора опции.

Демо

Здесь - полный список типов