2.9 JSX數(shù)組表達式

在React JSX中除了可以直接使用對象表達式，還可以使用數(shù)組表達式的形式。為了更好地進行對比，我們將【代碼2-5】進行了改寫，具體代碼實例如下：

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

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

●第18~22行代碼通過var運算符定義了一個數(shù)組（arrUserinfo），并初始化了一組<span>標(biāo)簽元素。

●在第27行代碼定義的JSX中，直接通過數(shù)組表達式“{arrUserinfo}”的方式獲取了數(shù)組（arrUserinfo）中的數(shù)據(jù)，JSX語法會自動將全部數(shù)組項展開。

測試網(wǎng)頁的效果如圖2.8所示。

圖2.8 React JSX數(shù)組表達式