Проверка на неопределенность в реакции
У меня есть сценарий, в котором я передаю данные из редуктора в свое состояние реакции.
данные:
{
"id": 1,
"title": "Test",
"content": {
"body": "sdfsdf"
"image": "http://example.com"
}
}
Используя componentWillRecieveProps, это отлично работает для получения заголовка.
componentWillReceiveProps(nextProps) {
this.setState({
title: nextProps.blog.title,
})
}
Однако у меня возникают трудности с поиском вложенных полей. Когда я делаю это:
componentWillReceiveProps(nextProps) {
console.log("new title is", nextProps.blog.title);
console.log("new body content is", nextProps.blog.content["body"]);
this.setState({
title: nextProps.blog.title,
body: nextProps.blog.content["body"]
})
}
Я получаю эту ошибку:
Ошибка неопределенного тела исчезает после того, как я нажимаю на отладчик и содержимое загружается. Могу ли я бороться с этим вопросом?
Я пытался проверить неопределенность, как это:
if (typeof nextProps.blog.content["body"] != 'undefined'){
Но это тоже не работает, и я считаю, что это потому, что блог не определен.