问题描述
Id希望显示一个带有数据的弹出器,该数据表示单击时搜索到的建议的历史记录,但请使用默认的自动填充类型下拉列表替换该弹出式窗口,除非输入为空白,否则请保留该弹出式窗口。我认为可行的一个想法是使用onChange处理程序来检测输入类型的长度……我无法管理。
单击突出显示的值后,Id会重定向到另一个页面。目前,我正在使用json对象保存一些带有这样的URL的字符串。
解决方法
为获得所需的结果,我们将维护两个单独的选项searchHistory options
和default options
。我们可以通过检查输入字段是否为空或用户输入了哪些内容来搜索默认选项来在选项之间进行切换。
我已经修改了您在沙箱上的代码。以下是链接。
https://codesandbox.io/s/zen-northcutt-fnc03?file=/src/App.js