title: Ternary operators in react JS
body: <p>Need some guidance on ternary operators in react js.</p>
  <p>If dataCheck is true, my icon FaSitemap will appear. If it is false, the icon does not appear</p>
  <p>However, if it returns an empty response, how do i ensure that the icon does not appear as well?
  Currently it will appear even if the response is empty even though i return null at the end.</p>
  <pre><code>      {
            (dataCheck) ? (
                &lt;span&gt;
                  &lt;FaSitemap
                    size=&quot;2.5em&quot;
                    color=&quot;#1E88E5&quot;
                    cursor=&quot;pointer&quot;
                  /&gt;
                &lt;/span&gt;
            ) : (null)
         }
  </code></pre>