01_Hello React

又菜又爱玩代码

已于 2022-08-04 15:57:37 修改

阅读量104

点赞数

分类专栏： react学习文章标签： react.js javascript 前端

于 2022-08-04 15:55:00 首次发布

本文链接：https://blog.csdn.net/qq_46431018/article/details/126161114

版权

react学习专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hello_react</title>
</head>
<body>
    <!-- 准备好一个“容器” -->
    <div id="test"></div>

    <!-- 引入react核心库 -->
    <script type="text/javascript" src="../js/react.development.js"></script>
    <!-- 引入react-dom,用于支持react操作DOM -->
    <script type="text/javascript" src="../js/react-dom.development.js"></script>
    <!-- 引入babel 用于将jsx转换成js -->
    <script type="text/javascript" src="../js/babel.min.js"></script>
    
    <script type="text/babel">/*此处一定要写babel*/
    //1.创建虚拟DOM
    const VDOM = <h1>Hello,React</h1>/*此处一定不要写引号，因为不是字符串*/
    //2.渲染虚拟DOM到页面
    ReactDOM.render(VDOM,document.getElementById('test'))
    </script>
</body>
</html>