Я хочу отобразить данные XML на странице html в правильном формате XML, который будет иметь еще одну функцию свернуть и развернуть Я хочу сделать это в ReactJS. Я нашел один реагирующий компонент с именем реаги- xml -вьюер , который поддерживает только функцию форматирования, но мне нужны дополнительные функции свернуть / развернуть узлы.
Моя XML строка -
<TRNXML Version = "1.0.0"> <DateTimeStamp TimeZone="ET">02/06/2020 02:17:17</DateTimeStamp> <Sender><SenderID>TRN</SenderID><SenderName>Transportation Reservation System,Inc.</SenderName></Sender> <Message> <MessageID>RSPREZ</MessageID> <MessageDescription>Respond With Confirmation</MessageDescription> </Message> <ConfirmNum>FFX011B113</ConfirmNum> <TotalPricing> <LateCharge>0.00</LateCharge> <Surcharge>0.0000</Surcharge> <Taxes> <Tax3Desc>FLTAX 7.0%</Tax3Desc> <Tax3Charge>10.52</Tax3Charge> <Tax3Type>PERCENT</Tax3Type> </Taxes> <DailyExtra> <ExtraCode>ATS</ExtraCode> <ExtraDesc>PLATEPASS ALL INCLUSIVE</ExtraDesc> <ExtraAmount>62.93</ExtraAmount> <ExtraAutoApply>FALSE</ExtraAutoApply> </DailyExtra> <CurrencyCode>USD</CurrencyCode> </TotalPricing> <RateID>65275331</RateID> </TRNXML>
См. Изображение ниже, я хочу видеть его таким (с форматом), который позволит мне свернуть и развернуть каждый узел. У меня также будет возможность Свернуть все и Развернуть все
