title: Conditional rendering if a prop contains a blank array
body: <p>I'm trying to conditionally render based on an array having values in it. So basically if this.props.data == [] don't render. If this.props.data == [{data is here}] render.</p>
  
  <p>Things I've tried.</p>
  
  <p>if prop exists</p>
  
  <pre><code>{this.props.data &amp;&amp; &lt;Field 
                      label="Data" 
                      name="data" 
                      type="select" 
                      component={SelectComponent}&gt;
                      &lt;option&gt;Select data&lt;/option&gt;
                    &lt;/Field&gt; }
  </code></pre>
  
  <p>===Still Renders===</p>
  
  <p>null</p>
  
  <pre><code>{this.props.data != null &amp;&amp; &lt;Field 
                      label="Data" 
                      name="data" 
                      type="select" 
                      component={SelectComponent}&gt;
                      &lt;option&gt;Select data&lt;/option&gt;
                    &lt;/Field&gt; }
  </code></pre>
  
  <p>===Still Renders===</p>
  
  <p>length</p>
  
  <pre><code>{this.props.data.length &gt; 0 &amp;&amp; &lt;Field 
                      label="Data" 
                      name="data" 
                      type="select" 
                      component={SelectComponent}&gt;
                      &lt;option&gt;Select data&lt;/option&gt;
                    &lt;/Field&gt; }
  </code></pre>
  
  <p>===Length is not defined===</p>