React-select: Allow nested options

[milosdakic]

Would be awesome to have nested options within options.

var options = [
  {
    value: 'one',
    label: 'One',
    options: [
      value: 'n-one',
      label: 'Nested One'
    ]
  }
];

When an option has more possible options, there would be a more property which indicates to the user that they need to perform a action to return more results or something similar. Render if options available otherwise if more is set, retrieve more options.

[dcousens]

Could you give a real world example of this? I'm struggling to understand where it might be useful.

[milosdakic]

Nested options would allow you to do something like this:

[brianreavis]

Optgroup implementations get really hard to maintain. Isn't this solvable by just representing the hierarchy in the label? With custom rendering (https://github.com/JedWatson/react-select/pull/216) rendering out a good breadcrumb wouldn't be hard at all.

[iddan]

But still, you can't get a title for optgroup with custom render