首先下载react和它的dom
npm i react react-dom
react在vscode是没有提示的需要下载插件可以参考其他博客
<!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>Document</title>
<style>
#aaa{
color: red;
}
</style>
</head>
<body>
<div id="root"></div>
<!-- 引入js -->
<script crossorigin src="./node_modules/react/umd/react.development.js"></script>
<script crossorigin src="./node_modules/react-dom/umd/react-dom.development.js"></script>
<script>
// 创建react元素
// 参数一：元素名称
// 参数二：元素属性
// 参数三个及其以后的参数，元素的子节点
const title= React.createElement('h1',{"title":'123',"id":"aaa"},'hello react',React.createElement('span','null','我是span节点'))
// 渲染react元素
// 参数一:要渲染的react元素
// 参数二：挂载点
ReactDOM.render(title,document.getElementById('root'))
// ReactDOM.tender
</script>
</body>
</html>
196
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
