title: onClick event on react component not working
body: <p>I am trying to pass id fro child component to parent component. In the child component the onClick event handler not working. I am trying to log some data to the console on click of an element.</p>
  
  <pre><code>import React from 'react';
  
  class EachChatInList extends React.Component {
  handleClick(event) {
      event.preventDefault();
      console.log("clicked");
  }
  
  
  render() {
  
      return (
          &lt;li className="tab-link current" data-tab="tab-1" onClick={this.handleClick.bind(this)}&gt;
              &lt;div className="circle_m_nested"&gt;&amp;nbsp;&lt;/div&gt;
              &lt;div className="count"&gt;&lt;/div&gt;
              {this.props.chat.seller}
          &lt;/li&gt;
      )
  }
  }
  
  export default EachChatInList;
  </code></pre>
  
  <p>How can I make it work?</p>