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

Question

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

данные:

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

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

Answer 1

Что вы можете сделать, это проверить, является ли вы реквизит определяется изначально или не проверяя, если nextProps.blog.content не определен или не так как ваше тело вложено в него, как

componentWillReceiveProps(nextProps) { 

    if(nextProps.blog.content !== undefined && nextProps.blog.title !== undefined) { 
     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"] 
     }) 
    } 
} 

Вам не нужно использовать тип для проверки не определено , только оператор строгого !==, который сравнивает значение по их типу, а также значение

для того, чтобы проверить не определено, вы можете также использовать оператор typeof как

typeof nextProps.blog.content != "undefined" 

Answer 2

я лицо же проблема ..... И я получил решение, используя typeof()

if (typeof(value) !== 'undefined' || value != null) { 
     console.log('Not Undefind or Not Null') 
    } else { 
     console.log('Undefind or Null') 
} 

Вы должны использовать typeof() для идентифицированного undefined