React 认知 一

来源:互联网 发布:森海塞尔大馒头 知乎 编辑:程序博客网 时间:2024/05/17 04:45

掌握相关的React的知识,有利于我们进行开发。React不是一个MVC框架,主要的作用来设计UI.

我们来认识 React相关的模板代码

首先是React的核心库 react.js文件。(以下文件可以从官网上下载,同时博客附有下载链接)

其次是DOM相关的核心库react-dom.js文件。

再是将JSX转化JavaScript语法的browser.main.js文件。

<!DOCTYPE html><html><head>    <meta CHARSET="UTF-8">    <title></title>    <!--react.js 是react的核心库-->    <script src="./build/react.js"></script>    <!--react-dom.js 提供与dom相关的功能-->    <script src="./build/react-dom.js"></script>    <!--browser.main.js 将jsx转化为js语法-->    <script src="./build/browser.min.js"></script>    <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.min.js"></script>--></head><body><!--React 渲染的模板内容 会插入到这个dom节点中,作为一个容器--><div id="container"></div></body><!--在react的开发中 使用jsx 跟js不兼容 在使用是 使用babel--><!--babel是一个转换编译器,es6转换成浏览器运行的代码--><script type="text/babel">    //此处 编写react</script></html>
以上代码就是编写React相关程序的代码模板。

react.js、react-dom.js、browser.main.js 文件下载链接http://download.csdn.net/download/gl_mine_csdn/9875116点击打开链接



原创粉丝点击