这是本人初学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>
时间: 2024-10-28 23:53:58