How to generate a treeview from .xml and .xsl file using react.js?

Question

Hi,

I am converting asp.net webform to asp.net core and react.js.  Currently, webpage displays data in the tree format using tree.xml, tree.xsl and tree.js.  I am new to react.js. Please help me in generating treeview in react.js from using .xml, .xsl and .javascript files attached in the zip. 

.aspx code

<div id="folderTree"></div>

Tree looks like the below picture

Sales
  Item1
    SubItem1
  ITEM2
    SubItem2
  Item3
    SubItem3
Supervisor
  Item1
    SubItem1
  Item2
    SubItem2
  Item3
    SubItem3
      

 

 

Thanks