Downshift.js 作為列表過濾器

Question

我只是想嘗試看看如何將 Downshift 用作列表過濾器，即“下拉”菜單不會關閉。

我發現這很容易，但后來發現很難克服默認行為，即當您單擊一個項目時， 輸入會填充它的值。

我已經創建了一個示例來說明我將如何解決這個問題（見下文），但它看起來很復雜。 理想情況下，我希望只在點擊處理程序上做一個防止默認類型的事情並提供我自己的，但我沒有看到這樣做的明顯方法。 Downshift 推薦的方式是什么？

https://codesandbox.io/s/laughing-leavitt-pyruxj?file=/src/downshift/ordered-examples/02-complete-autocomplete.js （點擊模塊預覽按鈕）

我從覆蓋點擊行為開始，但后來發現我還需要做模糊和其他，我不想錯過邊緣情況。

Answer 1

您應該使用itemToString道具並返回一個空字符串。

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