react hello world入门实例

最新推荐文章于 2024-04-10 17:28:31 发布

坚持吧骚年

最新推荐文章于 2024-04-10 17:28:31 发布

阅读量197

点赞数

文章标签： react

本文链接：https://blog.csdn.net/huangning1995/article/details/91352234

版权

babel可以将ES6转换成ES5

<div id='example1'/>
<div id='example2'/>


//创建虚拟DOM
let element1 = React.createElement('h2',{id:'box1',className:'box1'},Hello);

//JSX创建虚拟DOM对象,这种方法更常用,因为他更加灵活.JSX:在js里面写html
let element2 = <h3>Hello</h3>

//渲染虚拟DOM
1.第一个参数是虚拟DOM对象
2.第二个参数是真是的DOM容器
ReactDOM.render(element1, document.getElementById('example1');
ReactDOM.render(element2, document.getElementById('example1');