2.3 JSX算術表達式

既然React JSX使用的就是JavaScript語法，那么自然也可以使用JavaScript表達式了。這里需要注意的是，在React JSX中使用JavaScript表達式要使用大括號“｛｝”括起來。

React JSX中的JavaScript表達式有很多種形式，先看一個最簡單的JavaScript算術表達式的代碼實例，具體如下：

【代碼2-3】（詳見源代碼目錄ch02-react-jsx-exp-arithmetic.html文件）

關于【代碼2-3】的說明：

●第21行代碼中大括號“｛3 + 6｝”內定義的就是一個JavaScript計算表達式，React JSX語法會將“3 + 6”的算術運算結果顯示在頁面中。

測試網頁的效果如圖2.2所示。頁面中成功顯示了表達式“3 + 6”的運算結果“9”。

圖2.2 React JSX中的JavaScript計算表達式