title: Get child property in React
body: <p>I have two components: <code>Cell</code> and <code>Screen</code>. <code>Cell</code> is intended to be a child of screen, I'm going to use them like this:</p>
  
  <pre><code>&lt;Screen&gt;
    &lt;Cell x={1} y={2}/&gt;
    &lt;Cell x={1} y={1}/&gt;
  &lt;/Screen&gt;
  </code></pre>
  
  <p>The question: How I can get <code>x</code> and <code>y</code> props inside <code>Screen</code>'s <code>render</code> method? Something like this:</p>
  
  <pre><code>render() {
    var {children} = this.props
    children[0].x // it doesn't work
  ...
  </code></pre>