Reactjs 在使用react的材质界面中，选择如何仅按一次tab键将焦点移动到下一个控件？

默认情况下，在材质界面中，按tab键选择选项后反应选择或输入用户需要按tab键两次将焦点移动到下一个元素

下面是演示的链接

重新编程的步骤：
1.按tab键通过使用箭头键高亮显示选项来选择选项（焦点未移动到下一个组件，焦点应移动到下一个组件）
2.选择该选项后，用户需要按tab键两次以聚焦下一个组件

预期：
1.从选项卡焦点选择选项后，移动到下一个组件

---

2.从鼠标中选择选项后，按tab键一次后，焦点应移到下一个组件。

这就是他们设计的工作原理， 有两个选项可选择下拉元素

oneter

和

ontab

当您按下

选项卡时，它会选择进入输入框的选项（焦点仍在选择中），然后移动到下一个元素，您需要再次按下选项卡

选择仅适用于大多数软件包。
如果要禁用选项卡选择行为，则调用属性

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
/>



它会将焦点移动到下一个元素，但随后必须使用enter键选择该选项


道具类型的完整列表是否感谢您的输入，但在使用选项卡SelectsValue后，道具焦点将按预期移动到下一个组件，但选项值未选择，是否有任何方法选择选项并将焦点移动到下一个组件？@Yasin这是我在回答中说的，这就是它的工作原理。