title: Closures in React
body: <p>Is it ok use closures in react, for event handlers?
  For example, i have some function and a lot of menu in navigation
  and in navigation component i use something like this:</p>
  
  <pre><code>handleMenuClick(path) {
    return () =&gt; router.goTo(path)
  }
  ... 
  &lt;MenuItem
    handleTouchTap={this.handleMenuClick('/home')}
  &gt;
  </code></pre>
  
  <p>or i should prefer just arrow function?</p>
  
  <pre><code>&lt;MenuItem
    handleTouchTap={() =&gt; router.goTo('/home')}
  &gt;
  </code></pre>
  
  <p>first variant really make code cleaner, but i'm worried about performance with a large number of such elements</p>