如何在 reactjs 中将 XML 转换为 JSON？

Question

如何使用 reactjs 将 XML 文档转换为 JSON？我得到了如下所示的回复。我尝试了很多东西，但仍然一无所获。

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

Answer 1

既然你用的是react。我在 npm 中搜索了 XML react 并找到了 react-xml-parser.

首先你需要安装react-xml-parser

$ npm install react-xml-parser

然后你就可以在你的 React 应用中使用它了。

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

如何在 reactjs 中将 XML 转换为 JSON？

How to convert XML to JSON in reactjs?

reactjs

xml-to-json