（二）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 删除
评论
登录后参与评论
推荐阅读