从零开始学React(3)——数组

发布时间：2020-12-15 03:32:57 所属栏目：百科来源：网络整理

导读：前一章是从零开始学React(2)——React语法http://my.oschina.net/u/2608629/blog/675744 在JXS中，我们可以把要显示的内容放入一个数组。然后，打印出来。即使数组中放的元素有嵌套关系也没问题。如下面代码所示 !DOCTYPE htmlhtmlmeta charset="UTF-8"head

前一章是从零开始学React(2)——React语法http://my.oschina.net/u/2608629/blog/675744

在JXS中，我们可以把要显示的内容放入一个数组。然后，打印出来。即使数组中放的元素有嵌套关系也没问题。

如下面代码所示

<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<head>
<script src="../build/react.js"></script>
<script src="../build/react-dom.js"></script>
<script src="../build/browser.min.js"></script>
</head>
<body>
<div id="input_name"></div>
<script type="text/babel">
	var names=[<h1>密码</h1>,<input type="text" defaultValue="password"/>,<select><option name="country" value="chinese">中国</option>,<option name="country" value="America">美国</option>,</select>];
	ReactDOM.render(
		<div>{names}</div>,document.getElementById("input_name")
	)
	
</script>
</body>
</html>

names是数组，在这里。我们打印names的内容。然后，names被遍历。所有的元素依次打印出来。

接下来的一章是从零开始学React(4)——自定义组件http://my.oschina.net/u/2608629/blog/675895

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!