title: Passing current element to onClick function - React Jsx
body: <p>I have a div, i want to pass <code>this</code> div to onlick function and change it's class (or add class).</p>
  
  <pre><code>&lt;div className="history-node" onClick={() =&gt; this.handleHistoryClick(this)}&gt;
       &lt;span className="history-title"&gt;Uploaded&lt;/span&gt;
       &lt;span className="history-date"&gt;October 9, 2017&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Function is:</p>
  
  <pre><code>handleHistoryClick(el){
        console.log("History Clicked");
        console.log(el);
  }
  </code></pre>
  
  <p>But this is printing current React Component Class which is
  <code>Paymentdetail</code>.</p>
  
  <p>What i want is:</p>
  
  <pre><code>handleHistoryClick(el){
       $(el).addClass('active');
  }
  </code></pre>
  
  <p><strong>EDIT:</strong>  I have multiple <code>history-node</code> elements. So adding state to change class won't work for multiple elements.</p>
  
  <p>How do i achieve this?</p>