title: React.render replace container instead of inserting into
body: <p>I'm gradually replacing some Backbone views with React.</p>
  
  <p>My React View:</p>
  
  <pre><code>&lt;div id="reactViewContent"&gt;Rendered By React&lt;/div&gt;
  </code></pre>
  
  <p>I need to render the React view below other html elements without replacing them. </p>
  
  <pre><code>&lt;div id="somestuff"&gt;
    &lt;div id="anotherView"&gt;Other stuff not to delete&lt;/div&gt;
    &lt;div id="placeholderForReactView"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'd like that my method could replace the placeholder instead of inserting into it so that :</p>
  
  <pre><code>React.render(React.createElement(MyTestReactView), document.getElementById('placeholderForReactView'));
  </code></pre>
  
  <p>could result in:</p>
  
  <pre><code>&lt;div id="somestuff"&gt;
    &lt;div&gt;Other stuff not to delete&lt;/div&gt;
    &lt;div id="reactViewContent"&gt;Rendered By React&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>instead of:</p>
  
  <pre><code>&lt;div id="somestuff"&gt;
    &lt;div&gt;Other stuff not to delete&lt;/div&gt;
    &lt;div id="placeholderForReactView"&gt;
      &lt;div id="reactViewContent"&gt;Rendered By React&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Without recurring at Jquery is there a correct way to do it?</p>