title: In React, is it allowed to use props.children elements multiple times?
body: <p>For example, if the children is always an <code>&lt;h3&gt;</code> at the top:</p>
  
  <pre><code>&lt;h3&gt; ... &lt;/h3&gt;
  &lt;div&gt;other content&lt;/div&gt;
  </code></pre>
  
  <p>In the parent component, is it fine to use</p>
  
  <pre><code>return (
    { props.children } 
      ... other content
    { props.children[0] } 
  );
  </code></pre>
  
  <p>which is to display <code>props.children[0]</code> two times, or for whatever reason, to show <code>props.children</code> twice.  Is it allowable?  It seems the DOM would point to <code>props.children[0]</code> twice, but I checked in the Chrome developer tool that the two DOM elements of <code>&lt;h3&gt; ... &lt;/h3&gt;</code> are different.</p>