title: onClick event won't fire
body: <p>Sorry for somewhat of a duplicate question, but the valid answers I've seen on other posts match exactly what I've tried and I'm a bit lost.  I'm simply trying to get the onClick event for my button to fire.  It doesn't fire, and zero of the code in my handleClickNewQuote method executes.</p>
  
  <p>I'm sure you can tell I'm extremely new to React and this is just a rough draft of my app if you will.</p>
  
  <pre><code>import React, { Component } from 'react';
  import './App.css';
  import axios from 'axios';
  
  
  
  
  class App extends Component {
    constructor(props){
      super(props)
      this.state={
        quote: this.quote,
        author: this.author,
        category: this.category
      }
      this.handleClickNewQuote  = this.handleClickNewQuote.bind(this);
      // this.handleClickTweet = this.handleClickTweet.bind(this);
      // this.handleClickSave = this.handleClickSave.bind(this);
    }
  
    //Fires when app is loaded~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  
    componentDidMount(){
      axios.get('http://localhost:3001/api/getQuote').then(response =&gt;{
        this.setState({quote: response.data.quote, 
                      author: response.data.author,
                      category: response.data.category})
      }).catch(console.log)
    }
  
    //Fires when NewQuote is clicked, makes API call to server and gets data back
  
    handleClickNewQuote(){
      axios.get('http://localhost:3001/api/getQuote').then(response =&gt;{
        this.setState({quote: response.data.quote, 
                      author: response.data.author,
                      category: response.data.category})
      }).catch(console.log)
      console.log("Button is working?");
    }
  
  
    render() {
      return (
        &lt;div className="App"&gt;
          &lt;div id="main-container"&gt;
            &lt;div id="quote-box"&gt;
              &lt;p id="quote-text"&gt;{this.state.quote}&lt;/p&gt;
              &lt;div id="author-name"&gt;
              &lt;p id="author-text"&gt;{this.state.author}&lt;/p&gt;
                &lt;div id="button-box"&gt;
                  &lt;button type="button" className="button-color" id="save-button"&gt;Save&lt;/button&gt;
                  &lt;button type="button" className="button-color" id="tweet-button"&gt;Tweet&lt;/button&gt;
                  &lt;button type="button" className="button-color" id="new-quote-button"  onClick={() =&gt; {this.handleClickNewQuote}}&gt;New Quote&lt;/button&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default App;
  </code></pre>