（二）hello_react 案例
# 🎄一、hello_react 案例
- 我们先从最基础的入门，就像写
jQuery一样直接引入写入 - 需要的依赖包
babel.js用于jsx转jsreact.development.jsreact核心库react-dom-devlopment.jsreact扩展库，帮助我们操作Dom的
# 🍇二、第一个 react
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>hello_react</title>
</head>
<body>
<!-- 准备好一个 “容器” -->
<div id="test"></div>
<script type="text/javaScript" src="../package/react.development.js"></script>
<script type="text/javaScript" src="../package/react-dom.development.js"></script>
<script type="text/javaScript" src="../package/babel.min.js"></script>
<!-- type 必须写成 'taxt/babel' -->
<script type="text/babel">
// 1. 创建虚拟DOm - 此处不能写 '' 因为 jsx 可以和 js 混合写
const VDOM = <h1>Hell,react</h1>
// 2.渲染虚拟DOM到页面
ReactDOM.render(VDOM, document.getElementById('test'))
</script>
</body>
</html>
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2022年12月25日，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
相关产品与服务
容器服务
腾讯云容器服务（Tencent Kubernetes Engine, TKE）基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务，覆盖 Serverless、边缘计算、分布式云等多种业务部署场景，业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者，主导开源项目Crane，全面助力客户实现资源优化、成本控制。
腾讯云开发者
