How to set input value using downshift in 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.

Have you take a look to the browser console log? – Yusuf Ibrahim Nov 27 '20 at 17:09 — Yusuf Ibrahim, Nov 27 '20 at 17:09
https://codesandbox.io/s/wy3jv4lqvk – Yusuf Ibrahim Nov 27 '20 at 17:53 — Yusuf Ibrahim, Nov 27 '20 at 17:53
Thank you @YusufIbrahim, I'll try to explore the code. – Akbar Kautsar Nov 28 '20 at 01:45 — Akbar Kautsar, Nov 28 '20 at 01:45

score 0 · Accepted Answer · answered Aug 19 '21 at 16:24

0

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

answered Aug 19 '21 at 16:24

Ilya Molostov

Hey Ilya, the sandbox link isn't working anymore – Daksh Nov 08 '21 at 09:25
1

@Daksh Apparently I unintentionally deleted the previous working example. New working fork https://codesandbox.io/s/zealous-noyce-6k6jn – Ilya Molostov Dec 03 '21 at 08:38

1 Answers1