Clear Selection via an external button click

• downshift version: 1.31.16
• node version: 8.11.12
• npm (or yarn) version: 5.6.0

What you did: I have integrated downshift in a form in my react application to display a list of users fetched from an API. I have a button in this form, which is used to clear all the fields. However, I am not able to clear the autocomplete text field of Downshift upon clicking the button.

So, is there a way that I can use the clearSelection method in another function?
If not, is there any other alternative?

Thank you.

[kentcdodds]

Here’s a permalink: https://github.com/paypal/downshift/blob/e1273c8df4d6b33365d8f2bf69cee9d6f8b97760/stories/examples/controlled.js

[kentcdodds]

You can do that already. That’s how refs in react work. No need to change the code.

That said, it would be very imperative so it’d probably be better to do this a different way.

If you want to control the selectedItem state outside downshift, the solution is to use control props. See the documentation for how to accomplish that. There’s also an example for this as well.

Either way, this is definitely possible, so I’ll go ahead and close this issue. Thanks!