小编lem*_*ari的帖子

我目前有以下课程：

public class NavigationItem
{
    public int ID { get; set; }
    public string Title { get; set; }
    public int ParentID { get; set; }
    public List<NavigationItem> Children { get; set; }
}

public class FlatItem
{
    public int ID { get; set; }
    public string Title { get; set; }
    public int ParentID { get; set; }
}

我有一个示例数据如下：

+====+============+==========+
| ID |   Title    | ParentID |
+====+============+==========+
|  1 | Google     |          |
+----+------------+----------+
|  2 | …

我现在有以下数据：

[
    {
        "value": "G1-1",
        "text": "One",
        "optgroup": "Group 1
    },
    {
        "value": "G1-2",
        "text": "Two",
        "optgroup": "Group 1"
    },
    {
        "value": "G1-3",
        "text": "Three",
        "optgroup": "Group 1"
    },
    {
        "value": "G1-4",
        "text": "Four",
        "optgroup": "Group 1"
    },
    {
        "value": "G2-1",
        "text": "One",
        "optgroup": "Group 2"
    },
    {
        "value": "G2-2",
        "text": "Two",
        "optgroup": "Group 2"
    },
    {
        "value": "G2-3",
        "text": "Three",
        "optgroup": "Group 3"
    },
    {
        "value": "G2-4",
        "text": "Four",
        "optgroup": "Group 4"
    }
]

我将这些数据作为选项传递到我创建的简单下拉组件中，如下所示：

const SelectInputRound = ({defaultOption, …