Is there any component in ant design that can satisfy the selection of three levels of categories?

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

.
Mar.22,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b2a9d8-2ba35.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b2a9d8-2ba35.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?