Hola, quería mostrar la vista xml en mi aplicación. Para lograrlo, estaba usando react-xml-viewer, pero también quería agregar todas las funciones de expansión y contracción cuando revisé react-xml-viewer y no pude verlo. ¿Hay alguna forma de lograr esto con react-xml-viewer o hay algún paquete que pueda usar? Ambas soluciones están bien para mí.

 import React from 'react'; import XMLParser from "react-xml-parser"; import * as s from './XMLDetail.styles'; import XMLViewer from "react-xml-viewer"; const XMLDetail = props => { const { isDarkMode = false, appHdrData = "", documentData = "", isOpenButton=false, } = props; //Return return ( <div> <s.ColumnContainer> <s.Customlabel isOpenButton={isOpenButton} >Header</s.Customlabel> <s.Customlabel isOpenButton={isOpenButton} >Document</s.Customlabel> </s.ColumnContainer> <s.XMLDetailContainer> <s.XMLContainer isOpenButton={isOpenButton}> <XMLViewer xml={appHdrData}/> </s.XMLContainer> <s.XMLContainer isOpenButton={isOpenButton}> <XMLViewer xml={documentData}/> </s.XMLContainer> </s.XMLDetailContainer> </div> )

}

exportar XMLDetail predeterminado