ReactJS树结构

Question

I want to create a tree structure in reactJS with dragging and dropping nodes listed in the left side

I have a list of names listed in the left side of the page. I have a container beside that, which has 3 containers within it (for parent node, child node and grand child node). I have completed a function that allowed dragging each listed names and dropping on any of the 3 containers. but by dragging and dropping, I am just listing it down but I want to create a horizontal tree structure out of it while dropping. can someone please help me out with this?