2.9 JSX数组表达式

在React JSX中除了可以直接使用对象表达式，还可以使用数组表达式的形式。为了更好地进行对比，我们将【代码2-5】进行了改写，具体代码实例如下：

【代码2-9】（详见源代码目录ch02-react-jsx-exp-arr.html文件）

关于【代码2-9】的说明：

●第18~22行代码通过var运算符定义了一个数组（arrUserinfo），并初始化了一组<span>标签元素。

●在第27行代码定义的JSX中，直接通过数组表达式“{arrUserinfo}”的方式获取了数组（arrUserinfo）中的数据，JSX语法会自动将全部数组项展开。

测试网页的效果如图2.8所示。

图2.8 React JSX数组表达式