Рендеринг React Ajax с соответствующим доступом детей

Question

Я действительно не понимаю, почему один работает, а другой не надеется, что кто-то может пролить лучи света.

То есть:

*some component constructor 
this.state = { dataTransform: '' };

render(){
       if (this.state.dataTransform === ''){
          return null;
       }
       else {
          return ( <Chart config={this.state.dataTransform}/> );
       }       
}

vs https://facebook.github.io/react/blog/2014/07/17/react-v0.11.html нет инициализации dataTransform или не определено

render(){
       if (!this.state.dataTransform){
          return null;
       }
       else {
          return ( <Chart config={this.state.dataTransform}/> );
        }       
}

Эта ошибка будет возвращать ошибку, при которой невозможно прочитать свойство dataTransform, равное null, до тех пор, пока запрос не будет выполнен и состояние не обновлено. Тем не менее, верхняя часть работает без проблем, без сообщений об ошибках при выполнении запроса get.

Хотя пример реакции https://facebook.github.io/react/tips/initial-ajax.html загружается в одном и том же компоненте, я хочу остаться без гражданства и позволить родителям делать работу