如何使用@ material-ui API将焦点设置在自动完成项上最后选择的项上

时间:2019-11-11 06:00:39

标签: reactjs material-ui

我有一个自定义组件,其中我将自动完成功能与select合并了。我的约束是该字段的空间有限,我不能包装。我想向用户展示最新的选择。我的假设是我必须以某种方式将焦点设置为光标,因为它是自动完成组件。工作示例:https://codesandbox.io/s/thirsty-yalow-ykr8f

我正在尝试获取该字段以显示最后选择的组件。当前,当用户进行选择时,筹码不在视野中,仅在重新选择字段时才重新成为焦点。我希望选择字段保留最后选择的项目或光标,从而允许用户在单击选择时看到它们。有什么办法吗?

在我尝试过的事情中,包括使用伪选择器来保持&before和&after的焦点。但是,我找不到将焦点对准光标的方法。我还尝试创建一个事件处理程序,以尝试将焦点设置为onClick和onSelect的光标,但是我不知道如何访问光标/选择。

谢谢。

0 个答案:

没有答案