title: React Component wait for required props to render
body: <p>I am declaring a component inside of a parent component. I want to establish specific props in one file, and then in the parent component, I want to be able to establish the other props for the child components all at once (since they are shared properties.. for the most part).</p>
  
  <p>My problem is that the child component attempts to render and fails since the required prop types aren't being established at first. </p>
  
  <p>Is there a way to tell the child component to wait for the required props to render?</p>
  
  <p>In the ParentComponent render function, I call another function to run React.Children.map() and append props to ChildComponent.</p>
  
  <p>The (rough) section where the child component is being rendered:
  <div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;ParentComponent&gt;
      &lt;ChildComponent
          attribute="test_attribute"
          label="Child Component"
          type="number"
          width={3}
      /&gt;
  &lt;/ParentComponent&gt;</code></pre>
  </div>
  </div>
  </p>