<!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>
</head>
<body>
<div id="root"></div>
<div id="root2"></div>
<script src="./node_modules/react/umd/react.development.js"></script>
<script src="./node_modules/react-dom/umd/react-dom.development.js"></script>
<script>
/**
* 参数1:元素节点
* 参数2: 元素属性
* 参数3(第三个及其以后): 元素的子节点(可以是文本节点,也可以是元素节点)
*/
const title = React.createElement("h1",null,"hello react")
const article = React.createElement("h1",{
title:"我是文章",id:"article"},"hello react")
/**
* 参数1:渲染谁?
* 参数2: 往哪渲染? 也就是挂载点
*/
ReactDOM.render(title,document.getElementById('root'))
ReactDOM.render(article,document.getElementById('root2'))
</script>
</body>
</html>
React.createElement,ReactDOM.render
Guess you like
Origin blog.csdn.net/weixin_43131046/article/details/114157179
Recommended
Ranking