reactjs - Downshift.js 作为列表过滤器

Question

我只是想看看如何将 Downshift 用作列表过滤器，即“下拉”菜单不会关闭。

我发现这相当容易，但后来发现很难克服默认行为，即当您单击一个项目时，输入会填充它的 value。

我已经创建了一个如何解决这个问题的示例（见下文），但它似乎很复杂。理想情况下，我希望在点击处理程序上做一个阻止默认类型的事情并提供我自己的，但我没有看到明显的方法。Downshift推荐的方式是什么？

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

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

Answer 1

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

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