DEV Community

Cover image for How to open react-select menu on click of a button?
Klaudia Jaszczak
Klaudia Jaszczak

Posted on • Edited on

4 2

How to open react-select menu on click of a button?

My answer to the question "How to open react-select menu on click of a button?" on stackoverflow:
https://stackoverflow.com/questions/60257724/how-to-open-react-select-menu-pragmatically

You can try and use storing a ref to the component, calling a .focus() on it. And pass to the React Select prop openMenuOnFocus.

Short essence:
short essence

Sample on codesandbox: https://codesandbox.io/s/react-select-hooks-forked-qol5m

example

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay