ここでは、異なる状況下でどのようにfalseが描画されるのかを確認します。

id="false"の描画

React.render(<div id={false} />, mountNode);

inputの値としての文字列"false"

React.render(<input value={false} />, mountNode);

子が無いことを指定

React.render(<div>{false}</div>, mountNode);

"false"という文字列としてdivの子として描画しない理由は、次のような一般的なケースで有用になるからです。

<div>{x > 1 && 'You have more than one item'}</div>

 Back to top