autocomplete - 在 Material-ui 的自动完成中使用 includeInputInList 属性是什么？

Question

在https://material-ui.com/components/autocomplete/上的操场上研究 Material-UI 的自动完成功能，我真的看不出有/没有 includeInputInList 属性有什么区别吗？该文档说“如果为真，则突出显示可以移动到输入。” 我试过了，突出显示永远不会移动到输入字段。

标签： autocompletematerial-ui

Answer 1

includeInputInList有2 个相关的单元测试。

测试的描述说：

当按下向上时，它认为文本框是第一个选项的前任

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

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

如果没有该选项，焦点将停留在显示的项目上并且永远不会转到文本框，它会从第一个项目跳到最后一个项目（向上键），并从最后一个项目跳到第一个（向下键），而您将焦点放在它们上并且只需按向上键或向下键。

您可以尝试Material UI 文档中提供的示例：按 Tab 直到您在 MUI 组件上，然后使用向上或向下键进行播放，组件上有和没有includeInputInList道具Autocomplete。