1.react入门

最新推荐文章于 2024-05-15 10:36:31 发布

sheerhr

最新推荐文章于 2024-05-15 10:36:31 发布

阅读量117

点赞数

分类专栏： react

本文链接：https://blog.csdn.net/qq_24871849/article/details/111307845

版权

react 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <title>Hello React!</title>
    <!-- react核心库 -->
    <script type="text/javascript" src="package/react.development.js"></script>
    <!-- react操作dom的 -->
    <script type="text/javascript" src="package/react-dom.development.js"></script>
    <!-- 转码器 -->
    <script type="text/javascript" src="package/babel.min.js"></script>

</head>

<body>
    <div id="test"></div>
    <!-- 支持jsx语法 -->
    <script type="text/babel">
        // 创建虚拟dom
        const VDOM = <h1>hello,react</h1>

        // 渲染虚拟dom
        ReactDOM.render(VDOM, document.getElementById('test'));
    </script>

</body>

</html>