react 多叉树遍历以及select联动

react怎么遍历这个多叉树并用select多级联动表示出来啊，人快傻了

const date = [
    {
      "name": "目录",
      "children": [
        {
          "name": "页面1",
          "children": [
            {
              "name": "页面2",
              "children": [
                {
                  "name": "页面3",
                  "children": [
                    {
                      "name": "页面4",
                      "children": [],
                      "id": 19,
                      "parentId": 17
                    }
                  ],
                  "id": 17,
                  "parentId": 3
                }
              ],
              "id": 3,
              "parentId": 2
            }
          ],
          "id": 2,
          "parentId": 1
        },
      ],
      "id": 1,
      "parentId": 0
    },
    {
      "name": "页面1-2",
      "children": [],
      "id": 100,
      "parentId": 0
    }
  ]