title: onClick not working React js
body: <p>I am trying to call a function when a user clicks a div (using onClick in react). I don't need to pass any arguments at this moment, just need to call the function. I'm fairly new to react.js so apologies in advance for my ignorance. Thanks.</p>
  
  <pre><code>var Test = React.createClass({
  
  btnTapped: function(){
      console.log('tapped!');
  },
  render: function() {
      var stationComponents = this.props.stations.map(function(station, index) {
  
      return &lt;div onClick={btnTapped()}&gt;&lt;img src="img/test.png" /&gt;{station}&lt;/div&gt;;
  
      });
      return &lt;div&gt;{stationComponents}&lt;/div&gt;;
     }
  });
  
  var cards = ["amazon", "aeo", "aerie", "barnes", "bloomingdales", "bbw","bestbuy", "regal", "cvs", "ebay", "gyft", "itunes", "jcp", "panera", "staples", "walmart", "target", "sephora", "walgreens", "starbucks"];
  
  ReactDOM.render(&lt;Test stations={cards} /&gt;, document.getElementById('test-div'));
  </code></pre>