從零開始學React(3)——數組

時間 2019-11-17

標籤開始 react 數組欄目 React 简体版

原文原文鏈接

前一章是從零開始學React(2)——React語法 http://my.oschina.net/u/2608629/blog/675744html

在JXS中，咱們能夠把要顯示的內容放入一個數組。而後，打印出來。即便數組中放的元素有嵌套關係也沒問題。react

以下面代碼所示數組

<!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被遍歷。全部的元素依次打印出來。babel

接下來的一章是從零開始學React(4)——自定義組件 http://my.oschina.net/u/2608629/blog/675895dom