zoukankan      html  css  js  c++  java
  • 创建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>
    

      

  • 相关阅读:
    Navicat 导出sql问题
    2017,我的第一次年终总结
    dev treelist和searchcontrol组合模糊查询用法
    构造函数详解
    Devexpress常见问题
    Devexpress 常用的功能
    dev Gridcontrol控件属性部分
    记录DEV gridview获取行列数据方法
    string类的几种方法
    plsql中的procedure和function编程
  • 原文地址:https://www.cnblogs.com/gaosheng-221/p/6104825.html
Copyright © 2011-2022 走看看