『React-Demos』React-Demos系列介绍

拎壳儿跑的蜗牛

已于 2022-10-13 16:45:10 修改

阅读量2.6k

点赞数 1

分类专栏： React 文章标签： reactjs

于 2020-01-12 13:22:25 首次发布

本文链接：https://blog.csdn.net/q761830908/article/details/103944693

版权

React 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

引言

在学习了前面几章React基础知识点，想必大家对react有了一个初步的了解
接下来『React-Demos』系列，帮助大家更好的学习react，对react相关知识点更进一步加深和理解
希望每一个Demo你都可以多敲几遍，直到自己单独流畅的敲出来，那你就可以出山，学习接下来的实战部分了

HTML模板

<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>React-demo</title>
  <script type="text/javascript" src="../build/react.development.js"></script>
  <script type="text/javascript" src="../build/react-dom.development.js"></script>
  <script type="text/javascript" src="../build/babel.min.js"></script>
</head>

<body>
  <div id="demo"></div>
  <script type="text/babel">

  // ** Our code goes here! **
  </script>
</body>

</html>

注意：

  <!-- 先引入react，再引入react-dom，它们的顺序不可以调换 -->
  <!-- react-dom是依赖于react运行的，所以react-dom必须放在react的下面，放在上面会报错，提示找不到react -->
  <script type="text/javascript" src="../build/react.development.js"></script>
  <script type="text/javascript" src="../build/react-dom.development.js"></script>
  <!-- 引入babel将jsx语法转换成浏览器识别的语法 -->
  <script type="text/javascript" src="../build/babel.min.js"></script>