How to generate a tree from .XML file using react.js?

Hi,

I am new to ASP.net Core and React.js. I am converting asp.net webform application to react.js. Current application displays data in treeview using .xml, .xslt and .js. Please help me how to use these current .xml, .xslt code to generate a tree in react.js. Please find the current code in the attachment. I want the tree similar to this:. I am also including the react code component. This displays all the data in one list. Please modify the code so that it will generate a tree in react.

-Sales

-A_test1_test1

-A_Product1

- A_TestTemplate

-A_test6

-A_Prod

-Temp1

-Gift Card

-Card

-All

-Service

-Cards

-Business Card

-Template

-New Card

-tt

-testCard

--Nttt

- instantCard

--vvv

--Card

---jjj

--EmergencyCard

----All

Thanks

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

saradalal5y ago
Hi,

Please check my xml file. Please provide the react component that converts .xml into treeview.

Thanks
saradalal5y ago
I have gone through the informtion. I am not able to understand. I have xml file. Please look my xml and xslt files.
Please parse the xml and let me know how to display as tree in react.js?
Ganesan C5y ago
Hi, Please refer the below link.

https://medium.com/@davidtranwd/implement-tree-view-component-with-reactjs-and-styled-components-5eea3b1603cf
Srinivasan Ramamoorthi5y ago
Please refer this article

https://www.c-sharpcorner.com/article/how-to-add-treeview-component-in-react-application/