title: Select returns wrong value on initial change
body: <p>I'm using React, jQuery, and NewsAPI.  The request and state should change when the user updates the option selected.  However, when the Onchange function executes it returns the wrong value. After the function executes again the value is off by one index. Can someone point me in the right direction without being rude :).</p>
  
  <pre><code>import React, { Component } from 'react';
  import $ from 'jquery';
  import Posts from './Components/Posts';
  import './style/Content.scss';
  
  
  class Content extends Component {
  
      constructor(props){
          super(props);
          this.state = {
              posts: [],
              value: 'the-verge'
          }
  
          this.change = this.change.bind(this);
      }
  
      //Ajax Request
      getNews() {
          $.ajax({
              url: 'https://newsapi.org/v1/articles?source='+ this.state.value + '&amp;sortBy=latest&amp;apiKey=' + api,
              dataType: 'json',
              cache: true,
              success: function(data) {
                  this.setState({ posts: [data] }, function() {
                      console.log(data);
                  })
              }.bind(this),
              error: function(xhr, status, err) {
                  console.log(err);
              }
          })
      }
  
      // Change the request depending on selected option
      change(event){
          event.preventDefault();
          this.setState({value: event.target.value});
          this.getNews();
      }
  
      componentWillMount(){
          this.getNews();
      }
  
      componentDidMount() {
          this.getNews();
      }
  
      componentWillReceiveProps(){
          this.change();
      }
  
      render() {
          return (
              &lt;div className="Content"&gt;
                  &lt;div className="Search"&gt;
                      &lt;h2&gt;It's all in one place&lt;/h2&gt;
                      &lt;div className="Search__wrap"&gt;
                          &lt;select value={this.state.value} onChange={this.change}&gt;
                              &lt;option defaultValue value="the-verge"&gt;Tech Verge&lt;/option&gt;
                              &lt;option value="techcrunch"&gt;Tech Crunch&lt;/option&gt;
                              &lt;option value="time"&gt;Time&lt;/option&gt;
                              &lt;option value="bbc-sport"&gt;BBC Sport&lt;/option&gt;
                          &lt;/select&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;Posts posts={this.state.posts} /&gt;
              &lt;/div&gt;
          );
      }
  }
  
  export default Content;
  </code></pre>