title: react - onclick using event without using arrow function
body: <p>I have a link to return home and within that there is a button to remove an item from an array. To prevent the link to redirect to the home screen and to just remove the item from the array I am need to use <code>ev.preventDefault()</code>.</p>
  
  <p>Is it possible to pass an <code>ev</code> to a react method without using an arrow function in the <code>render</code> method? From my research and specifically <a href="https://stackoverflow.com/questions/34350988/react-passing-parameter-via-onclick-event-using-es6-syntax">the answer here</a> it appears that the following is the only way to do so.</p>
  
  <p>I am concerned that the arrow function causes a re-render every time, since new function is created on each render.</p>
  
  <pre><code>removeItem(label, e) {
      e.preventDefault();
      this.props.removeItem(label.id);
  }
  
  
  render () {
      const { label } = this.props;
      return (
        &lt;Link to'/'&gt;
          &lt;span&gt;Go Home&lt;/span&gt;
          &lt;span onClick={(e) =&gt; this.removeItem(label, e) }&gt; Click me &lt;span&gt;
        &lt;/Link&gt;
      );
  }
  </code></pre>