id | title | layout | permalink | prev | next |
---|---|---|---|---|---|
false-in-jsx |
False in JSX |
tips |
false-in-jsx.html |
initial-ajax.html |
communicate-between-components.html |
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>
.