前一章是从零开始学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