Доступ к данным внутри ошибки объекта json

Question

Я пытаюсь получить доступ к некоторым данным внутри объекта 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); Но я получаю сообщение об ошибке

Uncaught (в обещании) TypeError: Невозможно прочитать свойство 'title' из неопределенного

В чем здесь проблема?

Answer 1

То, что вы делаете, абсолютно правильно, но должно быть заключено в условие типа

if(metaData.data){
console.log(metaData.data.title);
}

, потому что вы получаете данные от асинхронного вызова