Nested Dropdown In React-select

I am using react-select to render the dropdown. The options to render the dropdown looks like this [ { text:'Fruit', value:'mango' level: 0 },

Solution 1:

react-select actually just got this feature builtin in July.

Here's the pull request where they implemented it.

Here's a working example from the pull request page.

I'm not sure if it has made its way into the master branch yet or not but you can always pull from the version listed in the package.json file in the sample above if the sample code doesn't work with the version you're using.

EDIT: Scratch that, you want group headings to be clickable. I don't think that was part of this commit.