Reactive iframe with React

ReactIFrame.jsx

import React from 'react';

/*
  Reactive iframe - Usage:
  <Iframe html={myPlainTextHtml} />
  
  Or if using the safer alternative:
  <Iframe>
    <div>hello world</div>
  </Iframe>
  
  Inspired by and reworked from: 
  https://developer.zendesk.com/blog/rendering-to-iframes-in-react
  
  Disclaimer: Not as well tested as the example from link above.
*/

export default class IFrame extends React.Component {
  render () {
    return <iframe ref={(_iframe) => this.renderFrameContents (_iframe);} />;
  }
  renderFrameContents (_iframe)  {
    let doc = _iframe.contentDocument;
    /* Somewhat unsafe html insertion */
    doc.open();
    doc.write(this.props.html);
    doc.close();
    /*
      Safer alternative:
      React.renderComponent(this.props.children, doc.body);
    */
  }
}