我正在使用 react-select 来呈现下拉列表。呈现下拉菜单的选项如下所示

 [
    {   
        text:'Fruit',
        value:'mango'
        level: 0
    },
    {   
        text:'Seasonal',
        slug: 'saasonal',
        level: 1
    },
    {   
        text:'Orange',
        slug: 'orange',
        level: 2
    },
    {   
        text:'Mango',
        slug: 'mango',
        level: 2
    },
    {
        text: 'Winter',
        slug:'winter',
        level:1
    },
    {
        text: 'Plum',
        slug:'plum',
        level:2
    }

]

我希望下拉菜单像

Fruit   
    Seasonal
        Orange
        Mango
    Winter
        Plum

我尝试将一个组添加到react选择中，但是组标题不可点击。我还提到了stackoverflow链接

[https://stackoverflow.com/questions/53119912/how-can-i-create-nested-option-groups-in-react-select-v2][1]
并尝试以相同的方式创建递归下拉列表通过将我的选项作为数据传递到上面的链接上，但没有成功。

内嵌套下拉菜单的顺序基于级别。