React 循环数组的2种方式

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

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。

React 循环数组的2种方式相关推荐

PHP循环数组的3种方式
PHP遍历数组的方法经常用到的有: for循环遍历 foreach遍历 each结合while.list遍历 for循环遍历 <?php /*** 1.for循环遍历-只能针对索引数组*/ $f ...
PHP数组循环遍历的四种方式
[(重点)数组循环遍历的四种方式] 1.使用for循环遍历数组 conut($arr);用于统计数组元素的个数. for循环只能用于遍历,纯索引数组!!!! 如果存在关 ...
php的循环有哪几种,PHP数组循环遍历的几种方式
PHP数组循环遍历 1.for循环 //语法 for (init counter; test counter; increment counter) { code to be executed; } ...
JS基础之数组--概述、创建数组的几种方式、数组的特点、数组的常用方法、数组的解构赋值、数组高级API
一.概述描述:数组(array)是按照一定顺序排列的一组值,每个值都拥有自己的编号,编号从0开始.整个数组用方括号来表示. 语法:var arr=[item1,item2,item3-] 1.1 注 ...
python循环展示大写字母_python调用大写函数python中字典的循环遍历的两种方式
开发中经常会用到对于字典.列表等数据的循环遍历,但是python中对于字典的遍历对于很多初学者来讲非常陌生,今天就来讲一下python中字典的循环遍历的两种方式. 注意: python2和python ...
Raptor-初始化数组的四种方式
初始化数组的四种方式目录 1. 问题描述 2. 四种方式 1) 顺序赋值初始化 2) 循环输入初始化 3) 循环随机初始化 4) 以0初始化数组 3. 运行实例 1. 问题描述在初学Raptor时 ...
javaScript中创建数组的3种方式
JS数组定义及详解 javascript如何定义数组? 直接上代码和截图 //javaScript中创建数组的3种方式 //方式1 var names = ["令狐冲", &quo ...
javascript定义数组的两种方式，获取各个元素的值
<script type="text/javascript"> //创建数组并赋值 //1声明数组,分配空间,赋值 ...
React绑定this的三种方式
转载自 React绑定this的三种方式 React可以使用React.createClass.ES6 classes.纯函数3种方式构建组件.使用React.createClass会自动绑定每个方 ...

React 循环数组的2种方式

React 循环数组的2种方式相关推荐

最新文章

热门文章