2.6 JSX對象表達式

在React JSX中可以直接使用對象表達式，也就是說完全支持obj.property的表達式形式。下面看一個具體的代碼實例：

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

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

●第18~22行代碼中通過const運算符定義了一個常量對象（userinfo），并初始化了一組屬性。

●在第27行代碼定義的JSX中，分別通過對象表達式“{userinfo.name}”“{userinfo.gender}”和“{userinfo.age}”的方式使用了常量對象（userinfo）的屬性值。

測試網頁的效果如圖2.5所示。如圖中的箭頭所示，在JSX中使用的一組對象表達式分別顯示出了預先所定義的內容。

圖2.5 React JSX對象表達式