2.4 JSX条件表达式

React JSX中的JavaScript表达式是无法使用if条件语句的，但是可以使用三元条件表达式来替代if条件语句，具体代码如下：

【代码2-4】（详见源代码目录ch02-react-jsx-exp-tri-conditional.html文件）

关于【代码2-4】的说明：

●第21行代码中大括号“｛1 == 1 ? 'true' : 'false'｝”内定义的就是第一个JavaScript三元条件表达式。

●第22行代码中大括号“｛1 != 1 ? 'true' : 'false'｝”内定义的就是第二个JavaScript三元条件表达式。

测试网页的效果如图2.3所示。如图中的箭头所示，测试“1 == 1”的三元条件表达式的运算结果为“true”，而测试“1 != 1”的三元条件表达式的运算结果为“false”。由此可见，JSX是完全支持三元条件表达式运算的。

图2.3 React JSX中的JavaScript三元条件表达式