创建React工程：React工程模板

　　这是本人初学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工程模板

最新文章

热门文章