React.js JSX 的 false 处理

快速入门

React.js快速开始 React.js入门教程深入理解 React

React指南

为什么使用 React? React.js数据呈现深入理解 JSX JSX的延展属性 JSX 的陷阱 React.js富交互性的动态用户界面 React.js复合组件 React.js可复用组件 React.js传递 Props React.js表单组件 React.js浏览器中的工作原理关于Refs的更多内容 React.js工具集成 React.js插件 React.js动画 React.js双向绑定辅助工具 React.js类名操作 React.js测试工具集 React.js克隆组件 React.js不可变数据的辅助工具 PureRenderMixin React.js性能分析工具

参考

React.js顶层API React.js组件 API React.js组件的详细说明和生命周期 React.js标签和属性支持 React.js事件系统 React.js与 DOM 的差异 React.js特殊的非 DOM 属性 React.js Reconciliation React （虚拟）DOM 术语 Flux应用架构

Flux

Flux TodoMVC Tutorial React.js常见问题

Tips

同类教程 ReactJS入门教程

发布于 2015-07-12 09:55:41 | 426 次阅读 | 评论: 0 | 来源: 网络整理

这篇文章展示了在不同上下文中 false 的渲染:

被渲染成 id="false":

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

String "false" as input value:

input value 的值将会是 "false" 字符串

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

没有子节点

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

上面这个没有被渲染成 "false" 字符串是应为要考虑到这种常见的情况：<div>{x > 1 && 'You have more than one item'}</div>.