React Material ui 自动完成 - select 'first entry' 输入点击

Question

我有一个带选项的自动完成功能 - 这是一个对象数组（电影）。 我的目标是当用户键入时，例如，他键入“in”然后按下 Enter，它 select 是呈现列表中的第一个条目。在这种情况下将是 - 'Inception'。见截图。 我发现通过 selecting 呈现列表中的第一个元素来解决 select 第一个条目。但是我使用 createFilterOptions 这使得它不可能。

有什么建议吗？

https://codesandbox.io/s/material-demo-forked-cwcql?file=/demo.js

Answer 1

将 autoHighlight={true} 属性添加到 <Autocomplete> 组件。

https://material-ui.com/api/autocomplete/#main-content

https://codesandbox.io/s/material-demo-forked-dh9b3?file=/demo.js