如何使用材料 ui 自动完成进行搜索？答案

【问题标题】：How to search using material ui auto-complete?如何使用材料 ui 自动完成进行搜索？
【发布时间】：2020-04-19 15:45:15
【问题描述】：

我正在寻找 material-ui-search-bar 的替代品，因为它没有得到维护。建议我使用材质 ui 的自动完成功能。但是，在我看到的示例中，我只能看到文本字段，例如我们可以输入的结构。然后在我们打字的时候有一个十字键。

在这个自动完成字段中是否可以有一个搜索按钮或其他东西，我也可以在其中使用事件处理程序？我想在此字段中点击搜索按钮并在我完成输入后调用事件处理程序。

代码沙盒：

【问题讨论】：

【解决方案1】：

是的，当然，这是可能的。正如您所提到的，我为您的第一个文本字段添加了一个事件处理程序。为此，我正在使用搜索按钮。完成搜索和电影选择后，您可以单击搜索按钮。然后调用事件处理程序，您可以在事件处理函数中看到选定的电影名称及其索引（查看控制台）。希望这会有所帮助:)

【讨论】：

也许我理解不正确。我想要的是在搜索栏中输入一些内容，然后使用我输入的内容运行查询。但是在您的示例中，我只能从下拉菜单中进行选择，对吗？我试图添加一个值来存储我在文本字段中输入的内容。 dk为什么它不起作用。是否可以删除下拉菜单？如果我删除选项，它就不起作用。 codesandbox.io/s/a125-material-ui-search-2u98k?file=/demo.js
其实，我猜我可以使用文本字段
是的，这是可能的。我认为 use 只是想从下拉列表中搜索和选择项目。让我编辑解决方案。是的男人。为此，使用文本字段就足够了。您无需从下拉菜单中选择某些内容。
这是新链接，请查看。 codesandbox.io/s/strange-proskuriakova-lu90u
那么，这是否意味着没有下拉菜单就无法使用自动完成功能？