title: Changing class and style of React children using cloneElement
body: <p>Using the latest React (0.13) I am attempting to change the class and style of a child element using <code>cloneElement</code> prior to rendering.</p>
  
  <p>Looking through the tests: <a href="https://github.com/facebook/react/blob/0.13-stable/src/classic/element/__tests__/ReactElementClone-test.js#L44" rel="nofollow noreferrer">https://github.com/facebook/react/blob/0.13-stable/src/classic/element/<strong>tests</strong>/ReactElementClone-test.js#L44</a></p>
  
  <p>And other answers: <a href="https://stackoverflow.com/questions/24856044/reactjs-how-to-change-style-and-class-of-react-component/24856195#24856195">ReactJS - How to change style and class of react component?</a></p>
  
  <p>It seems like this should be pretty straightforward, however I can't seem to achieve the desired behavior as detailed in this fiddle: <a href="https://jsfiddle.net/69z2wepo/7924/" rel="nofollow noreferrer">https://jsfiddle.net/69z2wepo/7924/</a></p>