React Material ui 自动完成 - 在 Enter 单击时选择“第一个条目”

Question

我有一个带有选项的自动完成功能 - 这是一个对象数组（电影）。我的目标是当用户键入时，例如，他键入“in”，然后按 Enter 键，它会从呈现的列表中选择第一个条目。在这种情况下将是-“盗梦空间”。请参阅屏幕截图。我找到了通过从渲染列表中选择第一个元素来选择第一个条目的解决方法。但我使用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