Basic react iframe with onLoad handler

BzIframe.js

'use strict';

var React = require('react');

var BzIframe = React.createClass({

  propTypes: {
    src: React.PropTypes.string.isRequired,
    onLoad: React.PropTypes.func
  },

  componentDidMount: function() {
    this.refs.iframe.getDOMNode().addEventListener('load', this.props.onLoad);
  },

  render: function() {
    return <iframe ref="iframe" {...this.props}/>;
  }
});

module.exports = BzIframe;

Example use.js

var Example = React.createClass({
  getInitialState: function() {
    return {
      isLoading: true
    };
  },

  render: function() {

    var classes = cx({
      'is-loading': this.state.isLoading // Hide `is-loading` with CSS
    });

    return (
          {this.state.isLoading ?
            <p>Loading... A spinner would probably be nice here</p>
            :null
          }
          <BzIframe className={classes} onLoad={this._iframeLoaded} src="http://link-to-somewhere"/>

        </div>
      </DocumentTitle>
    );
  },

  _iframeLoaded: function() {
    this.setState({
      isLoading: false
    });
  }
});

What if Ifram failed to load the URL?

I would like to see how we can handle when the url don't resolve or fails to load?