2.11 JSX注釋表達式

如何在React JSX中使用注釋呢？這一點React語法的定義有點特別，注釋內(nèi)容也需要放在大括號“{ }”之中使用，否則注釋的內(nèi)容就會也頁面內(nèi)容的形式顯示出來了。下面看一個具體的代碼實例：

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

關(guān)于【代碼2-11】的說明：

●在第18~24行定義的JSX代碼中，第21行代碼中放進大括號“{ }”中的注釋內(nèi)容是正確的形式，而第22行代碼中沒使用大括號“{ }”的注釋內(nèi)容是不正確的形式，將會以頁面內(nèi)容的形式進行顯示。

測試網(wǎng)頁的效果如圖2.10所示。如圖中的箭頭所示，第22行代碼中沒使用大括號“{ }”的注釋內(nèi)容在頁面中顯示出來了，這自然不是設(shè)計人員想要看到的效果。

圖2.10 React JSX注釋表達式