How to convert XML to JSON in reactjs?

Question

How to convert XML document to JSON using reactjs? I got response shown down below. I tried a lot of things and still nothing.

import React, { useEffect } from 'react'

function Api() {

    useEffect(() => {
        fetch("/author/list/18541?format=xml&key=TftQypHkudfH0VZcukEWtg")
            .then(res => res.text())
            .then(data => {
                let parser = new DOMParser()
                let xmlDoc = parser.parseFromString(data, 'text/xml')
                console.log(xmlDoc)
            })
            .catch(err => console.log(err));
    }, [])

    return (
        <div></div>
    )
}

export default Api

Joshua Rose · Accepted Answer · 2020-04-23 18:40:40Z

5

Since you are using react. I searched npm for XML react and found react-xml-parser.

First you will need to install react-xml-parser

$ npm install react-xml-parser

Then you will be able to use it in your react app.

import React, { useEffect } from 'react'
import XMLParser from 'react-xml-parser';

function Api() {

    useEffect(() => {
        fetch("/author/list/18541?format=xml&key=TftQypHkudfH0VZcukEWtg")
            .then(res => res.text())
            .then(data => {
                var xml = new XMLParser().parseFromString(data); 
                console.log(xml)
            })
            .catch(err => console.log(err));
    }, [])

    return (
        <div></div>
    )
}

export default Api

answered Apr 23, 2020 at 18:40

Joshua Rose

3903 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Marina Over a year ago

when I install it, I get error about react-xml-parser, so I found this, very similar solution: var XMLParser = require('react-xml-parser') var xml = new XMLParser().parseFromString(data) console.log(xml)

Collectives™ on Stack Overflow

How to convert XML to JSON in reactjs?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related