Here's how false
renders in different contexts:
Renders as id="false"
:
/** @jsx React.DOM */
React.renderComponent(<div id={false} />, mountNode);
String "false"
as input value:
/** @jsx React.DOM */
React.renderComponent(<input value={false} />, mountNode);
No child:
/** @jsx React.DOM */
React.renderComponent(<div>{false}</div>, mountNode);
The reason why this one doesn't render as the string "false"
as a div
child is to allow the more common use-case: <div>{x > 1 && 'You have more than one item'}</div>
.