title: Nested conditional rendering in jsx React
body: <p>im attempting to have a nested if condition within the jsx itself. here is a sample of my code: </p>
  
  <pre><code>        {this.props.customerInformation?
             &lt;Descriptions title="Customer Information" bordered&gt;
             {this.props.customerInformation.customer_status.label}&lt;/Descriptions.Item&gt;
              &lt;/Descriptions&gt;
              :
              &lt;Button&gt; Create a new customer &lt;/Button&gt;
              }
  </code></pre>
  
  <p>What im attempting to do is to add another condition within the top condition , which would look something like that :</p>
  
  <pre><code>            {this.props.customerInformation?
             &lt;Descriptions title="Customer Information" bordered&gt;
            &lt;Descriptions.Item&gt;
             {this.props.customerInformation.customer_status.label}
            &lt;/Descriptions.Item&gt;
  
                 &lt;Description.Item&gt;
               {this.props.customerInformation.poc?
                &lt;Descriptions title="poc" &gt; 
                {this.props.customerInformation.poc}
                &lt;Descriptions.Item&gt;
               &lt;/Descriptions&gt;
              :
              &lt;Button&gt; Create a new customer &lt;/Button&gt;
              }
  </code></pre>