title: undefined props best practices
body: <p>Let us assume that there is a <code>Child</code> component that is being rendered in this way</p>
  
  <pre><code>&lt;Child text="foo" action={this.bar} /&gt;
  </code></pre>
  
  <p>Here <code>text</code> and <code>action</code> are two props given to Child component. </p>
  
  <p>But in the case if there are no props supplied to the <code>Child</code> component</p>
  
  <pre><code>&lt;Child /&gt;
  </code></pre>
  
  <p>the <code>Child</code> component would raise an <code>undefined</code> props exception <code>this.props.text is undefined</code> or something of that sort.</p>
  
  <p>What would be  a best practice to render the <code>Child</code> component even when there are no props supplied to it ? </p>
  
  <p>Do I have to always check like so in the <code>Child</code> component. </p>
  
  <pre><code>if (this.props.text !== undefined) &amp;&amp; (this.props.action !== undefined) 
    //then render
  </code></pre>