React 循环数组的2种方式

我们上边的例子是循环数组的内容到JSX中，其实在数组中可以直接使用JSX语法，看下面的例子。

1 2 3 4 5 6

let arr = [      < h1 key = "1" > Hello world ! < / h1 > ,      < h2 key = "2" > React is awesome < / h2 > ] ; ReactDOM . render ( < div > { arr } < / div > , document . getElementById ( 'reactContainer' ) )

JSX允许直接在模版插入JavaScript变量。如果这个变量是一个数组，则会展开这个数组的所有成员。

总结：通过两节课的我们对JSX有了初步认识，虽然React可以不使用任何其他插件，但是JSX的好处太多，React也鼓励使用，在实际工作中也是百分百使用的，所以以后的课程中我们都会使用JSX。