安装react并创建一个demo

来源：互联网发布：长沙编程招聘信息编辑：程序博客网时间：2024/06/05 09:51

1、安装react

https://facebook.github.io/react/docs/installation.html是下载react的官方网站，我是在阮一峰的github上面下载的，里面还包括了很多demo，下载解压后看到bulid文件夹，可以直接引入使用。

2、构建开发环境

接着就使用react创建一个应用，当然，除了直接引入react之外，也可以直接使用 BootCDN 的 React CDN 库，在这里我们已经下载了react，所以直接引入。代码如下：

<!DOCTYPE html><html>  <head>    <meta charset="UTF-8" />    <title>React!</title>    <script src="E:/nodejs/step2/build/react.js"></script>    <script src="E:/nodejs/step2/build/react-dom.js"></script>    <script src="E:/nodejs/step2/build/browser.min.js"></script>  </head>  <body>    <div id="example"></div>    <script type="text/babel">        ReactDOM.render(        <h1>Hello, world!</h1>,        document.getElementById('example')      );    </script>  </body></html>

结果如下：

这里写图片描述

阅读全文

0 0