比如我的数据是这样:

[

   id:‘1’,

   text:‘根节点’

   children:[

           {    

               id:‘2’,

               text’子节点1’,

               children:[

                   {

                       id:‘4’,

                       text:‘子子节点1’

                       children: 略

                   }

               ]

           },

           略

   ]

]

我想渲染的树类似这样显示在页面上:

如何列表渲染出这样一个树呢?