React JSX Boolean types not displayed React JSX Boolean types not displayed
发布时间
阅读量：
阅读量
在官方文档的JSX部分中明确说明，布尔类型、Null以及Undefined的值将被忽略。
false、null、undefined和true 均属于合法的子元素范畴，但这些值在实际渲染过程中不会被显示。以下所列的JSX表达式在最终呈现效果上是完全一致的：
<div />
<div></div>
<div>{false}</div>
<div>{null}</div>
<div>{undefined}</div>
<div>{true}</div>
这能够根据设定的条件来呈现其他的 React 元素。比如，在如下 JSX 代码中，只有当 showHeader 的值为 true 时，才会展示 <Header /> 组件：
<div>
{showHeader && <Header />} <Content />
</div>
需要特别指出的是，存在部分 [“falsy” 值](https://developer.mozilla.org/en-US/d
全部评论 (0)
还没有任何评论哟~