title: Cannot render boolean value in JSX?
body: <p>I am trying to render boolean value inside JSX, however React is evaluating it as expression and isn't returning anything after the component is returned.</p>
  
  <p>Any workaround for this?</p>
  
  <p>Here is an example </p>
  
  <pre><code>var ipsumText = true;
  
  ReactDOM.render(
    &lt;div&gt;
       Boolean Value:    {ipsumText}
    &lt;/div&gt;,
    document.getElementById('impl')
  );
  </code></pre>
  
  <p>Just shows compiled HTML as </p>
  
  <pre><code>&lt;div data-reactid=".0"&gt;&lt;span data-reactid=".0.0"&gt;Boolean Value:    &lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>EDIT:</strong> Here is the JSBin link for the example <a href="http://jsbin.com/nibihodoce/1/edit?html,js,output" rel="noreferrer">http://jsbin.com/nibihodoce/1/edit?html,js,output</a></p>
  
  <p><strong>EDIT 2:</strong> I have already explored the .toString() alternative, however since I am iterating over an array of objects and a particular field of that object can have string/integer/boolean kind of value. Applying .toString() to all of 'em doesn't seem optimal.</p>