React.js xml-js Library Example to Parse XML String to JSON in Browser Using Javascript

Post author:admin
Post published:July 8, 2022
Post category:React
Post comments:0 Comments

npm i xml-js

App.js

import React, { Component } from 'react';
import { render } from 'react-dom';
import convert from 'xml-js';



var xml =
`<?xml version="1.0" encoding="utf-8"?>
  <appSettings>
    <!-- CONFIGURACOES IIS -->
    <add key="ProjetoCliente" value="ESocialDev2019" />
    <add key="URLProjeto" value="http://localhost/ESocialDev2019" />
    <add key="URLLogin" value="http://localhost/ESocialDev2019/F3M" />
    <!-- /CONFIGURACOES IIS -->
    <!-- CONFIGURACOES BASEDADOS -->
    <add key="ModoSAAS" value="False" />
    <add key="NomeBDSAAS" value="F3MESocial" />
    <add key="ServidorSQL" value="DSI-SQL-01" />
    <add key="InstanciaSQL" value="F3M2014" />
    <add key="UtilizadorSQL" value="F3MES" />
    <add key="PasswordSQL" value="" />
    <add key="PasswordSQLSA" value="" />
    <add key="BDEmpresa" value="F3MES" />
    <add key="BDGeral" value="F3MESGeral" />
    <!-- /CONFIGURACOES BASEDADOS -->
  </appSettings>
`;



class App extends Component {
  constructor() {
    super();
    this.state = {
      name: 'React'
    };
    
    console.log(convert.xml2json(xml));
    console.log(convert.xml2js(xml));
  }

  render() {
    return (
      <div>
        <p>
          Start editing to see some magic happen :)
        </p>
      </div>
    );
  }
}

render(<App />, document.getElementById('root'));

import React, { Component } from 'react';

import { render } from 'react-dom';

import convert from 'xml-js';

var xml =

`<?xml version="1.0" encoding="utf-8"?>

</appSettings>

class App extends Component {

constructor() {

super();

this.state = {

name: 'React'

};

console.log(convert.xml2json(xml));

console.log(convert.xml2js(xml));

}

render() {

return (

<div>

<p>

Start editing to see some magic happen :)

</p>

</div>

);

}

render(<App />, document.getElementById('root'));

Related posts:

You Might Also Like

React.js Twitter API Embed Tweet Media On Website Using react-tweet-embed Library in Javascript Full Tutorial For Beginners

Build a React.js Canvas Paint Drawing App With Colorful Brushes in Browser Using Javascript Full Project For Beginners

React.js Example to Set Pattern Masking Form Validation in Form Input Control Using react-imask Library in Browser Using TypeScript Full Project For Beginners

Leave a Reply Cancel reply