如何在 reactjs 中使用降檔設置輸入值

Question

我正在使用 downshiftjs 創建自動完成輸入文本框。 單擊自動完成的結果時，我無法設置輸入文本。

我正在創建示例代碼codesandbox.io

自動完成功能正在運行：

它是可搜索的：

點擊item時，無法用點擊的item設置輸入框值。

Answer 1

您可以在掛鈎中定義itemToString function，因為您使用 object 數組作為 select 項目。 並在<li>標記中進行了一些修復。

編輯工作示例：https://codesandbox.io/s/reverent-kepler-4v42x?file=/src/App.js