<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello World</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="root"></div>
<!-- 由于写的是jsx所以这个地方不能用JavaScript,要写babel -->
<script type="text/babel">
// 在jsx中html语句无需加引号
const VDOM = (<h1><span>hello React</span></h1>)
const container = document.getElementById("root");
// react17的写法
// ReactDOM.render( VDOM,container)
// react18的写法
ReactDOM.createRoot(container).render(VDOM)
</script>
</body>
</html>
Hello React
于 2023-02-16 10:57:44 首次发布