React(三):Hello,React

复制代码
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>helloReact</title>
    <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
    <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>

    <!-- Don't use this in production: -->
    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
</head>

<body>
    <!-- 准备一个容器 -->
    <div id="test"></div>
</body>

<!-- 这里一定要用babel,因为写的时jsx -->
<script type="text/babel">

// 创建虚拟DOM
const vDom = <div>Hello,React</div>
//react渲染
ReactDOM.render(vDom, document.getElementById("test"))
</script>

</html>
复制代码

 

posted @   谁知道水烫不烫  阅读(6)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
历史上的今天:
2022-07-30 javaweb:JSP、JSTL标签和EL表达式
点击右上角即可分享
微信分享提示