如何在material-ui中显示带有父子数据的Select？答案

【问题标题】：How to display Select with parent and child data in material-ui?如何在material-ui中显示带有父子数据的Select？
【发布时间】：2021-07-21 11:01:32
【问题描述】：

我有一个从 API 获取的数组：

[
    {
        "id": 1,
        "code": "978",
        "name_en": "Dislplay name",
        "name_ru": "Dislplay name",
        "child": []
    },
    {
        "id": 2,
        "code": "657",
        "name_en": "Dislplay name",
        "name_ru": "Dislplay name",
        "child": []
    },
    {
        "id": 3,
        "code": "342",
        "name_en": "Dislplay name",
        "name_ru": "Dislplay name",
        "child": [
            {
                "id": 3,
                "code": "435",
                "name_en": "Dislplay name",
                "name_ru": "Dislplay name",
                "spec_code": "122"
            },
            {
                "id": 1,
                "code": "097",
                "name_en": "Dislplay name",
                "name_ru": "Dislplay name",
                "spec_code": "122"
            },
            {
                "id": 9,
                "code": "665",
                "name_en": "Dislplay name",
                "name_ru": "Dislplay name",
                "spec_code": "122"
            }
        ]
    },
]

我想用选择功能显示它，但我不知道如何显示子项，我可以显示它，但不能选择。在项目中，我使用 React、Redux 和 Material-UI

【问题讨论】：

Stackoverflow 不是代码编写服务，您应该先自己尝试一下，如果您仍然遇到问题或遇到问题，请在问题中发布Minimal, Complete, and Reproducible Code Example已经尝试并详细描述了什么不起作用。包括错误消息和任何堆栈跟踪。

标签： reactjs redux material-ui

【解决方案1】：

我用<ListSubheader>组件解决了这个问题，你可以阅读官方Material-UI docs中关于分组选择的内容

【讨论】：