Javascript 从ReactJS应用程序解析JSON

我正在尝试解析来自reactjs web应用程序的嵌套json请求

下面是我从一个请求中收到的json

答复.数据

我需要解析“staging”并在浏览器屏幕上显示结果

下面是我试图解析的代码。但是，它抛出了错误

（SyntaxError:JSON中位置1处的意外标记o）

导出默认类ItemLister扩展React.Component{
状态={
人员：[]
}
componentDidMount（）{
axios
.get（'https://xxx.yyy.zzz/xyz/zyx/', {
标题：{
“授权”：“持有人XXXXXXXXX”，
“X-Api-Key”：“XXXXXXXXXXXXX”，
},
证书：正确
})
。然后（响应=>{
console.log（response.data）//它获得正确的响应并在日志中打印
const persons=response.data；
这个.集合状态（{persons}）；
}) 
.catch（错误=>{
console.log（“错误”）
});          
}
render（）{
返回
{this.state.persons.map（person=>
{person.name}
）}
}
}
ReactDOM.render（，document.getElementById（'root'））
registerServiceWorker（）

---

我找不到解决办法。有人能告诉我这种json的解析是否正确，以及如何获得解析结果并显示在屏幕上吗？

由于您试图解析的是

对象而不是
字符串，因此出现了一个错误。只需跳过
JSON.parse
并将
result
设置为
response.data
：

.then(response => {
  console.log(response.data) // it gets the correct response and printing in logs
  this.setState({ result: response.data });
}) 

在您的
中呈现
：

render() {
  return (
    <ul>
      { this.state.result &&
        this.state.result.staging &&
        this.state.result.staging.map(person => <li>{person.name}</li>)
      }
    </ul>
  );
}

render（）{
返回(

{this.state.result&&
this.state.result.staging&&
this.state.result.staging.map（person=>
{person.name}
）
}

);
}
后台报价是否真的要打包？还是普通的引号？您真的需要将其解析为JSON吗？
response.data
已经是JSON了吗？好的，现在没有给出错误。但是，不在浏览器的屏幕上显示。确定。是的，现在添加
.then(response => {
  console.log(response.data) // it gets the correct response and printing in logs
  this.setState({ result: response.data });
}) 

render() {
  return (
    <ul>
      { this.state.result &&
        this.state.result.staging &&
        this.state.result.staging.map(person => <li>{person.name}</li>)
      }
    </ul>
  );
}