React onClick handler in map function
<p>I've been searching the web for answers to my question, but without success. I am trying to add a simple react click handler to my button, but I can't seem to make it work. It is probably something really simple, I just can't wrap my head around it.</p>

<p>Here is my code: </p>

<pre><code> export default class ReviewBox extends Component {

 deleteReview() {
  console.log("hey");
 }

 render() {
  const {reviews, date, lectureId} = this.props;
  const that = this;
    return (
      &lt;div className="container content-sm"&gt;

        &lt;div className="headline"&gt;&lt;h2&gt;Reviews&lt;/h2&gt; &lt;span&gt;{date}&lt;/span&gt;&lt;/div&gt;
          &lt;div className="row margin-bottom-20"&gt;

            {reviews.map(review =&gt; {
                return(
                  &lt;div className="col-md-3 col-sm-6"&gt;
                    &lt;div className="thumbnails thumbnail-style thumbnail-kenburn"&gt;
                      &lt;div className="caption"&gt;
                        &lt;h3&gt;{review.comment}&lt;/h3&gt; &lt;br /&gt;
                        &lt;button className="btn btn-danger" onClick={this.deleteReview()}&gt;Delete&lt;/button&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                )
            })}

          &lt;/div&gt;

          &lt;hr /&gt;
          &lt;AddReview lectureId={lectureId} /&gt;

      &lt;/div&gt;
    )
  }
}
</code></pre>

<p>It refuses to fire the function when I click a button. I've tried with .bind(this) and onClick={() => this.deleteReview} etc. </p>

<p>All help appreciated!</p>