React Unmanaged DOM Node Wrapping

sample.js

const UnmanagedDOMContainer = React.createClass({
  getDefaultProps() {
    return {
      nodes : null
    };
  },
  
  componentWillReceiveProps(newProps) {
    if ( !this.props.nodes && newProps.nodes ) {
      this.appendNodes(newProps.nodes);
    }
  },
  
  shouldComponentUpdate() {
    return false;
  },
  
  componentDidMount() {
    this.appendNodes(this.props.nodes);
  },
  
  
  appendNodes(nodes) {
    if ( nodes ) {
      let self = ReactDOM.findDOMNode(this);
      self.appendChild(nodes);
    }
  },
  
  render() {
    return (<div></div>);
  }
}); 
    
const MyWrapperComponent = React.createClass({
  
  componentWillMount() {
    // Kidnap the childnodes...
    theChildNodes = ...
    
    this.setState({
      childNodes : theChildNodes
    });
  },
  
  render() {
    return (
      <UnmanagedDOMContainer nodes={this.state.childNodes} />
    );
  }
});