Проверка на неопределенность в реакции

У меня есть сценарий, в котором я передаю данные из редуктора в свое состояние реакции.

данные:

{
    "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'){

Но это тоже не работает, и я считаю, что это потому, что блог не определен.

Ответы на вопрос(3)

Ваш ответ на вопрос