title: Changing Color of Button on Click? (React + Bootstrap)
body: <p>I'm attempting to create an "upvote/downvote" thumbs up and thumbs down similar to the Reddit upvote and downvote system.</p>
  
  <p>I want to be able to change the state/color of the object to green if thumbs up is clicked or red if thumbs down is clicked.</p>
  
  <p>BUT, I don't want the user to be able to click thumbs up twice and go from green to default white... Any ideas?</p>
  
  <pre><code>class Counter extends React.Component {
  constructor(props) {
      super(props);
      this.state = {counter: 0}
  }
  
  increment = (e) =&gt; {
      e.preventDefault();
      this.setState({
          counter: this.state.counter + 1
      });
  }
  
  decrement = (e) =&gt; {
      e.preventDefault();
      this.setState({
          counter: this.state.counter - 1
      });
  }
  
  render() {
      return (
          &lt;div className="voting"&gt;
              {this.state.counter}
              &lt;button className="upvoteBtn" type="submit" onClick={this.increment}&gt;
                  &lt;i className="fa fa-thumbs-up ml-2 mr-2"/&gt;
              &lt;/button&gt;
              &lt;button className="downvoteBtn" type="submit" onClick={this.decrement}&gt;
                  &lt;i className="fa fa-thumbs-down ml-2 mr-2"/&gt;
              &lt;/button&gt;
          &lt;/div&gt;
      )
  }
  }
  </code></pre>