ReactJS和复杂的JSON对象

我遵循了ReactJS教程,这对于完成更复杂的东西非常简单.

在我的例子中,我想使用一个复杂的JSON对象,它包含一个地图,一个值,一个列表等......这是代码:

    var NotificationStatus = React.createClass({
    loadNotificationsFromServer: function() {
      $.ajax({
        url: this.props.url,
        dataType: 'json',
        success: function(data) {
          this.setState({data: data});
          console.log(this.state.data.notificationType);
        }.bind(this)
      });
    },
    getInitialState: function() {
      return {data: {}};
    },
    componentWillMount: function() {
      this.loadNotificationsFromServer();
      setInterval(this.loadNotificationsFromServer, this.props.pollInterval);
    },
    render: function() {
      return (
        

          

              You have {this.state.data.notificationCount} notifications            
          
          
        
  
      );
    }
  });



  var Notifications = React.createClass({
    render: function() {
      var notificationNodes = this.props.data.map(function (notif, index) {
        return {notif.type};
      });
      return 
{notificationNodes}
;
      }
  });

  var Notification = React.createClass({
    render: function() {
      return (
        
              
              {this.props.children}           
              1 min
          
      );
    }
  });

  React.renderComponent(
    ,
    document.getElementById('notificationbar')
  );

这是来自JSON的示例:

    {
    "notificationCount": "1",
    "notificationType": [
       {
         "type": "update",
         "text": "New Update"
       },
       {
          "type": "user",
          "text": "New User"
       }
     ]
    }

当我尝试获取notificationType时,此时会引发错误"this.props.data is undefined"

    var notificationNodes = this.props.data.map(function (notif, index) {

我真的没有看到声明有什么问题,当我在ajax级别获得JSON时,我确实有一张地图(用console.log验证).

任何帮助都会很棒.

非常感谢.