将.js降为列表筛选器



我只是想看看如何将Downshift用作列表过滤器,即;下拉";菜单无法关闭。

我发现这很容易,但后来发现很难克服默认行为,即当你点击一个项目时,输入会填充它的值。

我已经创建了一个如何处理这个问题的示例(见下文(,但它似乎很复杂。理想情况下,我只想在点击处理程序上做一个防止默认类型的事情,并提供我自己的,但我没有看到明显的方法。推荐的降档方式是什么?

https://codesandbox.io/s/laughing-leavitt-pyruxj?file=/src/downshift/ordered-examples/02-complete-autocomplete.js(单击模块预览按钮(

我一开始是覆盖点击行为,但后来发现我还需要做模糊和其他操作,我不想错过边缘情况。

您应该使用itemToString道具并返回一个空字符串。

<Downshift
...
itemToString={() => ""}
>

最新更新