title: ReactJS - Destroy old Component-Instance and create new
body: <p>I've got a may confusing question because it does not fit standard-behaviour how react and the virtual dom works but i would like to know the answer anyway.</p>
  
  <p>Imagine i've got a simple react-component which is called "Container". 
  The Container-component has a "div" inside of the render-method which contains another component called "ChildContainer". The "div" which surrounds the "ChildContainer" has the id "wrappingDiv".</p>
  
  <p>Example:</p>
  
  <pre><code>render() {
    &lt;Container&gt;
      &lt;div id="wrappingDiv"&gt;
        &lt;ChildContainer/&gt;
      &lt;/div&gt;
    &lt;/Container
  }
  </code></pre>
  
  <p>How can i destroy the "ChildContainer"-component-instance and create a completly new one. Which mean the "ComponentWillUnmount" of the old instance is called and the "ComponentDidMount" of the new component is called. </p>
  
  <p>I don't want the old component to update by changing the state or props.</p>
  
  <p>I need this behaviour, because an external library from our partner-company got a libary which change the dom-items and in React i'll get a "Node not found" exception when i Update the component.</p>