Event Handlers in React Stateless Components : <p>Trying to figure out an optimal way to create event handlers in React stateless components. I could do something like this:</p>

<pre><code>const myComponent = (props) =&gt; {
    const myHandler = (e) =&gt; props.dispatch(something());
    return (
        &lt;button onClick={myHandler}&gt;Click Me&lt;/button&gt;
    );
}
</code></pre>

<p>The drawback here being that every time this component is rendered, a new "myHandler" function is created. Is there a better way to create event handlers in stateless components that can still access the component properties?</p>
