Cannot render boolean value in JSX?
<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>