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三元條件表達式。

測試網(wǎng)頁的效果如圖2.3所示。如圖中的箭頭所示，測試“1 == 1”的三元條件表達式的運算結果為“true”，而測試“1 != 1”的三元條件表達式的運算結果為“false”。由此可見，JSX是完全支持三元條件表達式運算的。

圖2.3 React JSX中的JavaScript三元條件表達式