title: jsx if else shorthand to hide element
body: <p>I can do</p>
  
  <pre><code>&lt;p&gt;Company: {{this.state.user.company}}&lt;/p&gt;
  </code></pre>
  
  <p>but sometime company has no value. So how should I hide the entire <p> if the property of company is null?</p>
  
  <p>I tried </p>
  
  <pre><code>&lt;p&gt;({this.state.user.company} ? 'Company: ' + {this.state.user.company} : '')&lt;/p&gt;
  </code></pre>
  
  <p>But it doesn't work.</p>