React学习之入门第一天

React通过绑定标签来指定项目的根入口
<div id="app"></div>
导入依赖包

<script src="js/react.development.js"></script>
<script src="js/react-dom.development.js"></script>
<script src="js/babel.min.js"></script>

然后在

<script type="text/babel">
//1.获取页面真实的容器元素
const containerDiv = document.getElementById('app');
//2.jsx语法创建虚拟dam对象
const vDom = <div> 你好，React！ </div>;
//3.将虚拟dom渲染到页面元素
ReactDOM.render(vDom, containerDiv);
//以上内容可以合并为这两句话
// const vDom = <div> 你好，React！ </div>;
// ReactDOM.render(
//     vDom,
//     document.getElementById('app'));
</script>