Is there a way in React to display a XML uploaded in a Treeview structure along with checkboxes besides?

I'm working on creating a page using React where i ask the user to upload an XML and i send it to back end for saving purpose and in response i have to also view the same XML in an tree view structure with each having checkbox alongside for user to check the nodes/elements as per his need . Once user does this activity on click of submit button the i have to retain the checkboxed nodes/element of t he xml and send to back end for further processing.

I believe the XML i upload for the first time , i have to get it back from back end after saving in database as a Json with a property added as checkbox against each node/element so that same property could be used in Screen . I need to know the way i could scan through the json version of my xml content and display in Screen using React and later how i could send back the checkboxed node/element back to server ?