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

Question

I'm creating autocomplete input text box using downshiftjs. When the result of autocomplete is clicked, I can't set the input text.

I'm creating the sample code codesandbox.io

The autocomplete is working:

And it's searchable:

When I click the item, I can't set the input box value with the item I clicked.

Answer 1

You mast define itemToString function in hook, because you use array of object as select items. And some fix in <li> markup.

Edited working example:https://codesandbox.io/s/reverent-kepler-4v42x?file=/src/App.js