React: render() and multiple children
<p>I have a map component that's out of my control that renders all of it's direct children:</p>

<pre><code>&lt;map&gt;
  &lt;point /&gt;
  &lt;circle /&gt;
  &lt;circle /&gt;
&lt;/map&gt;
</code></pre>

<p>Now I'm trying to write a component that returns multiple objects:</p>

<pre><code>&lt;myComponent&gt;
  &lt;circle /&gt;
  &lt;circle /&gt;
&lt;/myComponent&gt;
</code></pre>

<p>And drop it into my map:</p>

<pre><code>&lt;map&gt;
  &lt;point /&gt;
  &lt;circle /&gt;
  &lt;circle /&gt;
  &lt;myComponent&gt;
    &lt;circle /&gt;
    &lt;circle /&gt;
  &lt;/myComponent&gt;
&lt;/map&gt;
</code></pre>

<p>But as the map only renders <em>direct</em> children, I'm not sure how to get this to work.  Help?</p>