码迷,mamicode.com
首页 > 其他好文 > 详细

创建React工程:React工程模板

时间:2016-11-26 20:14:11      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:asc   https   doc   --   .com   oct   ext   功能   lang   

  这是本人初学React做的学习笔记;讲的不是很深,只算是简单的进行介绍。

这是一个小系列。都是在同一个模板中搭建的,但是代码是不能正常执行的。

 

 

>>index.js

  

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>React工程模板</title>

	<!-- react.js 是React的核心库 -->
	<script src="./build/react.js charset="utf-8"></script>
	<!-- react-dom.js是作用是提供与DOM相关的功能 -->
	<script src="./build/react-dom.js" charset="utf-8"></script>
	<!-- browser.min.js 的作用是将JSCX语法转换成Javascript的语法 -->
	<script src="./build/browser.min.js" charset="utf-8"></script>
	<!-- 还可以直接通过网址引入browser.min.js文件 -->
	<!--比如: <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.min.js" charset="utf-8"></script> -->

</head>
<body>
	<!-- React渲染的模板内容会插入到这个DOM节点中,因此这里的<div>将作为一个容器 -->
	<div id="container">
		
	</div>

<!-- 在React开发中,使用JSX语法,跟Javascript不兼容,所以在使用JSX语法的地方,要设置type:text/babel -->
<!-- 而babel是一个转换编译器,它能把ES6转成可以在浏览器中运行的代码 -->
<script type="text/babel">
	
	<!-- 在此处编写React代码 -->

</script>
	
</body>
</html>

  

 

创建React工程:React工程模板

标签:asc   https   doc   --   .com   oct   ext   功能   lang   

原文地址:http://www.cnblogs.com/gaosheng-221/p/6104825.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!