includeInputInList 属性在 Material-ui 自动完成中的用途是什么?

use*_*774 4 autocomplete material-ui

在https://material-ui.com/components/autocomplete/上对 Material-UI 的 Autocomplete 和 Playground 进行了研究,我真的看不出有/没有 includeInputInList 属性有什么区别?该文档称“如果为真,突出显示可以移动到输入。” 我试过了,突出显示永远不会移动到输入字段。

Rom*_*ian 6

有2 个相关includeInputInList单元测试

测试的描述说:

当按下向上键时,它认为文本框是第一个选项的前置符

当按下向下键时,它认为文本框是最后一个选项的后继

这意味着includeInputInList,当您将焦点放在组件上并按向上键时,如果它是第一个项目,则焦点将转到文本框(输入元素),然后再继续处理项目。如果您按下并且这是最后一项,焦点也会转到文本框。

如果没有该选项,焦点将停留在显示的项目上,而不会转到文本框,当您将焦点放在它们上时,它会从第一个项目跳转到最后一个项目(向上键),并从最后一个项目跳转到第一个项目(向下键),并且只需按向上键或向下键即可。

您可以尝试使用 Material UI 文档中提供的示例:按 Tab 键直到位于 MUI 组件上,然后按向上或向下键(无论组件includeInputInList上有或没有道具)进行操作Autocomplete