reactjs - 如何在 reactjs 中将 XML 转换为 JSON?
问题描述
如何使用 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
解决方案
由于您使用的是反应。我在 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
推荐阅读
- python - 如何在 Python 中正确更新 __version__?
- java - 如何在eclipse中连接到本地数据库?
- python - django.db.migrations.exceptions.NodeNotFoundError:运行“python manage.py migrate”时
- android - RecyclerView.Adapter 更改时刷新 Fragment 视图
- apache - .htaccess on 000webhost 选项
- javascript - 我的 webpack 配置有什么问题?
- javascript - 在 Javascript 中使用 Promise 调用函数 JQuery Ajax
- html - 链接问题封装在标签内,有 2 列
- javascript - 在 Javascript 中更改数组中的文本
- postgresql - 根据列其他表填写字段