title: Add events to cloned component
body: <p>I'm using the following method to clone a component and modify its props.</p>
  
  <pre><code>    const clone = React.cloneElement(&lt;BallComponent&gt;, {
          key: new Date().getTime()
      });
  </code></pre>
  
  <p>How can I add a click event to this cloned component and call a function within its class when clicked?
  I have tried the following with no luck: </p>
  
  <pre><code>    const clone = React.cloneElement(&lt;BallComponent&gt;, {
          key: new Date().getTime()}
          onClick: alert('test');
      });
  </code></pre>