is refactoring a project with ant design pro. Some of the requirements are as follows: 
: , , , , (), (), ,
PS: , 
5, ,
:
 
 
 now the data structure returned by the backend is 
 level 1: [{name: "daily cleaning", level: 1, id:"rihuaqingjie"},.] 
 level 2: [{name: "oral cleaning", level: 2, id:"kouqiangqingjie"},.] 
 level 3: [{name: "dental care", level: 3, id:"yachihuli"},.] 
when I see this data structure and requirement, I think of changing the requested data structure to tree and then rendering it with < Tree > component. Is there any better way to achieve this function? I hope you can give me some advice
.