JSFiddle - React, Tailwind, and code Playground

JavaScript

var list = [
        {
            "ID": 1,
            "FatherID": 0,
            "TypeName": "风电哈哈哈哈",
            "SortID": 2,
            "Depth": 0,
            "RootID": 1,
            "IsFather": true
        },
        {
            "ID": 2,
            "FatherID": 1,
            "TypeName": "风力发电",
            "SortID": 11,
            "Depth": 1,
            "RootID": 1,
            "IsFather": false
        },
        {
            "ID": 13,
            "FatherID": 1,
            "TypeName": "风电整机",
            "SortID": 13,
            "Depth": 1,
            "RootID": 1,
            "IsFather": false
        },
        {
            "ID": 23,
            "FatherID": 1,
            "TypeName": "叶片及材料",
            "SortID": 14,
            "Depth": 1,
            "RootID": 1,
            "IsFather": false
        },
        {
            "ID": 33,
            "FatherID": 1,
            "TypeName": "发电机及元件",
            "SortID": 15,
            "Depth": 1,
            "RootID": 1,
            "IsFather": false
        },
        {
            "ID": 44,
            "FatherID": 1,
            "TypeName": "塔筒/塔架",
            "SortID": 16,
            "Depth": 1,
            "RootID": 1,
            "IsFather": false
        },
        {
            "ID": 54,
            "FatherID": 1,
            "TypeName": "控制系统",
            "SortID": 18,
            "Depth": 1,
            "RootID": 1,
            "IsFather": false
        },
        {
            "ID": 65,
            "FatherID": 0,
            "TypeName": "核电",
            "SortID": 4,
            "Depth": 0,
            "RootID": 65,
            "IsFather": true
        },
        {
            "ID": 77,
            "FatherID": 65,
            "TypeName": "核电站",
            "SortID": 651,
            "Depth": 1,
            "RootID": 65,
            "IsFather": false
        },
        {
            "ID": 66,
            "FatherID": 65,
            "TypeName": "核电设备",
            "SortID": 652,
 ...