title: react native conditional rendering
body: <p>I am trying to use an inline if statement to check if a piece of data exists and if it does to display it. this code is currently sitting in my render, return block.</p>
  
  <p>the problem I am having is that using this, the content is no longer being rendered</p>
  
  <pre><code>{(() =&gt; {
                if (this.props.data.size) {
                  &lt;Text style={styles.headerLabel}&gt;Sizes&lt;/Text&gt;
                  {(this.props.data.size||[]).map((section,i) =&gt; (
                    &lt;AddToCartRow key={i} data={section} productName={this.props.data.name} value={Config.priceToPriceWithCurrency(section.price)} /&gt;
                  ))}
                }
              })()}
  </code></pre>