title: How make child components of a child component have refs that the first-level child can use?
body: <p>If I have the following JSX, the <code>Child</code>'s <code>refs</code> are empty:</p>
  
  <pre><code>&lt;Parent&gt;
      &lt;Child ref="first"&gt;
          &lt;GrandChild ref="parentSeesThisNotChild" /&gt;
      &lt;/Child&gt;
  &lt;/Parent&gt;
  </code></pre>
  
  <p>I want the <code>Child</code> component to get the <code>GrandChild</code> in its <code>refs</code>. How do I do that?</p>