title: Page does not reload on state change inside jsx
body: <p>I have seen several questions with the same title but not the same problem,</p>
  <p>I wrote some react code and inside return method's jsx, inside select onchange
  I called a function that setstate but the page will not reload although I made sure the state is changed</p>
  <p>jsx code inside return:</p>
  <p><code> &lt;select defaultValue={book.shelf} onChange={(e) =&gt; this.handleChange(e, book)}</code></p>
  <p>code inside contructor</p>
  <pre><code>constructor(props) {
  super(props);
  this.handleChange = this.handleChange.bind(this);}
  </code></pre>
  <p>code inside component</p>
  <pre><code> handleChange = (e, book) =&gt; {
   BooksAPI.update(book, e.target.value).then(this.setState(
       { value: e.target.value, book: book },
       () =&gt; console.log(this.state.value)
     ));
  </code></pre>
  <p>};</p>
  <p>Knowing that this.state.value prints correctly and the value is returned from the API and it is different from the previous state's value</p>
  <p>What could be the problem,</p>
  <p>Any help appreciated.</p>
  <p>Edit:
  My full select code</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;select defaultValue={book.shelf} onChange={(e) =&gt; handleChange(e, book)}&gt;
                          &lt;option value="move" disabled&gt;
                            Move to...
                          &lt;/option&gt;
                          &lt;option value="currentlyReading"&gt;
                            Currently Reading
                          &lt;/option&gt;
                          &lt;option value="wantToRead"&gt;Want to Read&lt;/option&gt;
                          &lt;option value="read"&gt;Read&lt;/option&gt;
                          &lt;option value="none"&gt;None&lt;/option&gt;
                        &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Edit 2:</p>
  <p>This is my state</p>
  <pre><code> state = {
      books: [],
      value: '',
      book: {},
      update: false,
    };
  </code></pre>
  <p>Final edit:</p>
  <p>To prevent confusion the problem was with my UI unrelated to this code</p>