Rumah > hujung hadapan web > tutorial js > React生成无序列表

React生成无序列表

黄舟
Lepaskan: 2017-02-16 13:41:13
asal
1294 orang telah melayarinya

1、问题背景

     利用React生成无序列表,列表展示的是一年四季


2、实现源码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>React之无序列表</title>
		<script type="text/javascript" src="../js/react.js" ></script>
		<script type="text/javascript" src="../js/react-dom.js" ></script>
		<script type="text/javascript" src="../js/browser.min.js" ></script>
		<script type="text/babel">
			ReactDOM.render(
				<ul>
					<li>春季</li>
					<li>夏季</li>
					<li>秋季</li>
					<li>冬季</li>
				</ul>,
				document.getElementById(&#39;ul&#39;)
			);
		</script>
	</head>
	<body>
		<p id="ul"></p>
	</body>
</html>
Salin selepas log masuk


3、实现结果

1115.png

 以上就是React生成无序列表 的内容,更多相关内容请关注PHP中文网(www.php.cn)!


Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan