Question

我从我们的API获得了一个序列化的JSON主体，如下例所示：'

{
"_embedded": [
    {
        "id": 1,
        "vulnerable": false,
        "systemId": "something",
        "friendlyName": "a friendly name"
    },

 ]
}

如何仅显示键/值friendlyName？我正在使用axios来获得响应。这是我的代码：

 axios.get(BASE_URL + 'household/list',{
        headers: { Authorization: AuthStr },
        transformResponse: axios.defaults.transformResponse.concat((data) => {
        console.log(data) // this should now be JSON
        })
    }).then(({ data })=> {
       this.setState({
                data: houses.friendlyName
            });
        })
        .catch((err)=> {
        console.log(err);
        });

我想我应该改造数据，但我不知道如何。谢谢你的帮助。

编辑：这是响应在控制台中显示的方式：

_embedded:
   0:
    friendlyName: "a friendly name"
    id: 1
    systemId: "GE8BP2IACH7"
    vulnerable: false

那么，我该如何反序列化呢？

Answer 1

 axios.get(BASE_URL + 'household/list',{
        headers: { Authorization: AuthStr },

    }).then(function (response) {
    this.setState({data:response._embedded.friendlyName})
  })
  .catch(function (error) {
    console.log(error);
  });

ReactJS - 如何反序列化并显示序列化的JSON响应？

1 个答案: