访问json对象内部的数据错误

时间:2018-04-24 11:00:51

标签: javascript json reactjs object

我正在尝试访问json对象中的一些数据,而且我对我面临的问题感到困惑。我有一个像以下

的json对象
{
"status": "success",
"data": {
"image": null,
"video": null,
"author": null,
"publisher": "Microlink Documentation",
"title": "React | Microlink Documentation",
"date": null,
"lang": "en",
"description": null,
"logo": "https://microlink.io/favicon.ico",
"url": "https://docs.microlink.io/sdk/getting-started/react/"
}
}

这里我编写了代码,以便console.log("meta",metaData.data);注销

"image": null,
"video": null,
"author": null,
"publisher": "Microlink Documentation",
"title": "React | Microlink Documentation",
"date": null,
"lang": "en",
"description": null,
"logo": "https://microlink.io/favicon.ico",
"url": "https://docs.microlink.io/sdk/getting-started/react/"

但我想分开考虑title。所以我使用了console.log("meta",metaData.data.title);但是我收到错误说

未捕获(承诺)TypeError:无法读取未定义的属性“title”

这里似乎有什么问题?

1 个答案:

答案 0 :(得分:2)

你正在做的事情是绝对正确的,但应该像

那样被包裹起来
if(metaData.data){
console.log(metaData.data.title);
}

因为您从异步调用中获取数据