title: React onClick event for multiple divs
body: <p>I'm trying to create an onClick event that adds a classname for each of these elements without writing out three different functions. The event is fired on all three when one is clicked, however. How can I modify this so that the onClick only works for the one that is clicked?</p>
  
  <pre><code>const userVote = React.createClass({
  
      getInitialState: function() {
          return {
            condition: false
          }
        },
        handleClick: function() {
          this.setState({
            condition: !this.state.condition
          });
        },
  
  
      render() {
          return(
  
                  &lt;div onClick={this.handleClick} className= { this.state.condition ? "positive active" : "positive"}&gt;&lt;/div&gt;
  
                  &lt;div onClick={this.handleClick} className= { this.state.condition ? "neutral active" : "neutral"}&gt;Not Sure&lt;/div&gt;
  
                  &lt;div onClick={this.handleClick} className= { this.state.condition ? "negative active" : "negative"}&gt;&lt;/div&gt;
  
          );
      }
  });
  </code></pre>