title: Reactjs this.state giving Uncaught TypeError: Cannot read property 'groupsData' of null
body: <p>I am doing 2 basic ajax calls to 2 different apis in one of my ReactJs components. Although, when running the call (on urls I know for certain are working and returning data), I receive: </p>
  
  <pre><code>Uncaught TypeError: Cannot read property 'groupsData' of null
  </code></pre>
  
  <p>Here is the single component: </p>
  
  <pre><code>var BrowseWidgetBox = React.createClass({
                  getGroupsApi: function(){
                      $.ajax({
                          url: this.props.groupsApi,
                          dataType: 'json',
                          type: 'GET',
                          success: function(groupsData){
                              this.setState({groupsData: groupsData});
                          }.bind(this),
                          error: function(xhr, status, err){
                              console.error(this.props.groupsApi ,status, err.toString());
                          }.bind(this)
                      });
  
                  },
                  getItemsApi: function() {
                   $.ajax({
                          url: this.props.itemsApi,
                          dataType: 'json',
                          type: 'GET',
                          success: function(itemsData){
                              this.setState({itemsData: itemsData});
                          }.bind(this),
                          error: function(xhr, status, err){
                              console.error(this.props.groupsApi ,status, err.toString());
                          }.bind(this)
                      });
                  },
                  componentDidMount: function() {
                      this.getGroupsApi();
                      this.getItemsApi();
                  },
                  render: function() {
                      return (&lt;div className="BrowseWidgetBox"&gt;
                                  &lt;MainMenu groupsData={this.state.groupsData} itemsData={this.state.itemsData} /&gt;
                                  &lt;Display  /&gt;
                              &lt;/div&gt;);
                  }
              });
  
  
  
                  React.render(
                      &lt;BrowseWidgetBox groupsApi="/*imagine a working url here*/" itemsApi="/*imagine a working url here*/" /&gt;, document.getElementById('widget-container')
                  );
  </code></pre>
  
  <p>Is there something obvious I am missing in terms of reactJS/ ajax? </p>