"includeInputInList" 属性在 Material-ui 的 Autocomplete 组件中有什么用途?

4

请查看https://material-ui.com/components/autocomplete/上的Material-UI自动完成功能,我真的看不出有/没有包含IncludeInputInList属性的区别。文档说:“如果为true,则突出显示可以移动到输入中。”我尝试了一下,突出显示从未移到过输入字段。

1个回答

6
includeInputInList2个相关联的单元测试
测试描述如下:

按上箭头时将文本框视为第一个选项的前一个

按下箭头时将文本框视为最后一个选项的后继

这意味着,使用includeInputInList选项时,当您聚焦于组件并按键向上时,如果是第一项,则焦点会转移到文本框(输入元素),然后才会继续移动到选项上。如果您按下箭头并且是最后一项,则焦点也会转移到文本框上。
如果没有该选项,则焦点仅停留在显示的项目上,从第一个向上(按键up)跳到最后一个,从最后一个向下(按键down)跳到第一个,而您将焦点放在它们上并仅按键向上或向下。
您可以尝试Material UI文档提供的示例,按Tab键直到聚焦于MUI组件,然后使用包含或不包含Autocomplete组件上的includeInputInList属性按键向上或向下。

谢谢,这个确实有点难以想象! - undefined

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接