title: How to check condition inside map without putting a div
body: <p>I am trying to put a "col-sm-6" inside a row with checking a condition . But when null value is coming it is returning a blank div with ".col-sm-6" class, I need to hide that class when value is null.</p>
  
  <pre><code>&lt;div className="row"&gt;
    {attribute.attributeValues.map((list, index) =&gt;
       &lt;div className="col-sm-6" &gt;
          {list.isSelected === 1 ?
             &lt;div className="style"&gt;
               &lt;span&gt;&lt;i className="fa fa-check"&gt;&lt;/i&gt;{list.tag_value}&lt;/span&gt;
             &lt;/div&gt;:''
           }
       &lt;/div&gt;
    )} 
  &lt;/div&gt;
  </code></pre>
  
  <p>this is giving results like:</p>
  
  <p>like:</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col-sm-6"&gt;Some Value&lt;/div&gt;
    &lt;div class="col-sm-6"&gt;&lt;/div&gt;
    &lt;div class="col-sm-6"&gt;&lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>But I want:</p>
  
  <pre><code>&lt;div class="col-sm-6"&gt;Some Value&lt;/div&gt;
  &lt;div class="col-sm-6"&gt;Some Value&lt;/div&gt;
  &lt;div class="col-sm-6"&gt;Some Value&lt;/div&gt;
  </code></pre>