如何在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
我正在使用 downshiftjs 创建自动完成输入文本框。当点击自动完成结果时,我无法设置输入文本。
我正在创建示例代码 codesandbox.io
自动完成功能正常:
它是可搜索的:
当我点击item时,我无法用我点击的item来设置输入框的值。
你必须在钩子中定义 itemToString
函数,因为你使用对象数组作为 select 项。并在 <li>
标记中进行了一些修复。
编辑后的工作示例:https://codesandbox.io/s/reverent-kepler-4v42x?file=/src/App.js