Downshift.js作为列表筛选器

Question

我只想看看下档是如何作为列表过滤器的(“下拉”菜单没有关闭)。

我发现这相当容易，但后来发现很难克服默认行为，当您单击一个项目，输入以其值填充。。

我已经创建了一个如何处理这个问题的例子(见下文)，但它似乎很复杂。理想情况下，我希望只在click处理程序上执行一个“防止默认类型”的操作，并提供了我自己的类型，但是我没有看到明显的方法。下行推荐的方法是什么？

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

我从重写点击行为开始，但后来发现我也需要做模糊和其他，我不想错过一个边缘的情况。

Answer 1

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

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