【已解决】React入门:浏览器显示 Hello world!

1. 进入 https://gitee.com/yuxianghao/React-files 下载 zip 压缩包。

2.新建名为 test 的文件夹,里面再新建一个名为 build 的文件夹。

3.将第一步下载的文件夹解压,将里面的文件放到  \test\build\  里。

4.在 test 文件夹中新建一个 index.html 文件,里面代码如下:

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

5.浏览器中打开 index.html,即可看到:    

   

就这么简单,以上。

猜你喜欢

转载自blog.csdn.net/Ja_time/article/details/88900490