title: this.setState() is not a function when using react with jquery inside componentDidmount
body: <p>When I use react with es6 and jquery's ajax function, I got <code>this.setState() is not a function</code> error. I tried bind this within constructor using <code>this.componentDidmount = this.componentDidmount.bind(this);</code>, but still not working. </p>
  
  <p>Can any one help me? Thanks! </p>
  
  <p>Here is my code:</p>
  
  <pre><code>import React from 'react';
  import $ from 'jquery';
  
  class UserGist extends React.Component {
    constructor(props) {
      super(props);
      this.state = {
        userName: '',
        lastGistUrl: ''
      };
    }
  
    componentDidMount() {
      this.serverRequest = $.get(this.props.source, function(result) {
        let lastGist = result[0];
        this.setState({
          userName: lastGist.owner.login,
          lastGistUrl: lastGist.html_url
        });
      });
    }
  
    componentWillUnmount() {
      this.serverRequest.abort();
    }
  
    render() {
      return(
        &lt;div&gt;
          {this.state.userName}'s last gist is
          &lt;a href={this.state.lastGistUrl}&gt;here&lt;/a&gt;.
        &lt;/div&gt;
      )
    }
  }
  
  export default UserGist;
  </code></pre>