React入门教程（一）

最新推荐文章于 2023-11-29 14:30:12 发布

馨新欣心1

最新推荐文章于 2023-11-29 14:30:12 发布

阅读量579

点赞数

分类专栏： React

本文链接：https://blog.csdn.net/sinat_29325027/article/details/50923011

版权

React 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

最近听说React挺火也挺好用的，就自学了一下，一些东西分享给大家。不懂的可以直接回复评论。

首先我们看一个简单的例子

<span style="font-size:18px;"><strong><!DOCTYPE html>
<html>
  <head>
    <script src="../build/react.js"></script>
    <script src="../build/react-dom.js"></script>
    <script src="../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></strong></span>

首先我们需要导入三个js文件，分别是react.js、react-dom.js、browser.min.js。

如果有人找不到在哪下载这些js文件，可点击这个链接下载react-js文件下载。

如果上面这种大家看着不爽的话，看看下面的这种方式：

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

是不是感觉顺眼了一些。

再看

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

其实它比JavaScript更随意，你怎么放都可以！

馨新欣心1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
React入门教程（一）

最近听说React挺火也挺好用的，就自学了一下，一些东西分享给大家。不懂的可以直接回复评论。首先我们看一个简单的例子 ReactDOM.render( Hello, world!, document.getElementById('example') );
复制链接

扫一扫

专栏目录