2、React学习日记-Hello React
作者:互联网
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UFT-8"> <title>hello react</title> </head> <body> <!--准备一个容器--> <div id="test"></div> <!--引入react核心库--> <script type="text/javascript" src="../js/react.development.js"></script> <!--引入react-dom,用于支持react操作dom--> <script type="text/javascript" src="../js/react-dom.development.js"></script> <!--引入babel,用于将jsx转为js--> <script type="text/javascript" src="../js/babel.min.js"></script> <!--此处一定要写babel,写的是jsx,靠babel来翻译这块是内容是什么 --> <scrip type="text/babel"> <!--//1.创建虚拟DOM--> const VDOM= <h1>Hello,React</h1> <!--/*此处不用写引号,因为不是字符串*/--> <!--2.渲染虚拟DOM到页面--> ReactDOM.render(VDOM,document.getElementById('text')) </scrip> </body> </html>
下载vscode插件 live server,在html文件右键选择open live server进行调试
标签:server,React,live,右键,日记,Hello,VDOM 来源: https://www.cnblogs.com/zaleswift/p/16428900.html