如何在reactjs中使用降档设置输入值

How to set input value using downshift in reactjs

我正在使用 downshiftjs 创建自动完成输入文本框。当点击自动完成结果时,我无法设置输入文本。

我正在创建示例代码 codesandbox.io

自动完成功能正常:

它是可搜索的:

当我点击item时,我无法用我点击的item来设置输入框的值。

你必须在钩子中定义 itemToString 函数,因为你使用对象数组作为 select 项。并在 <li> 标记中进行了一些修复。

编辑后的工作示例:https://codesandbox.io/s/reverent-kepler-4v42x?file=/src/App.js