为什么反应不会呈现错误

Question

我在这里阅读了文档https://facebook.github.io/react/tips/false-in-jsx.html，但仍然无法理解，为什么我输入 ReactDOM.render(<div>{false}</div>, mountNode); 我没收到什么？

Answer 1

为三元运算符启用语法糖。

现在你可以写出更优雅的

<div> { !!price && price } </div>

而不是

 <div> { !!price ? price : null } </div>

Answer 2

字面意思是在你发布的文档中说它将呈现一个没有孩子的div

没有孩子：

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

为什么这个没有呈现为字符串＆＃34; false＆＃34;作为div子，允许更常见的用例：<div>{x > 1 && 'You have more than one item'}</div>

False in JSX