<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01_HelloWorld</title> </head> <body> <div id="test"></div> <script type="text/javascript" src="../js/react.development.js"></script><!--react核心库--> <script type="text/javascript" src="../js/react-dom.development.js"></script><!--操作dom的react扩展库--> <script type="text/javascript" src="../js/babel.min.js"></script><!--在这里——>解析JSX语法代码转为纯JS语法代码的库--> <script type="text/babel"> // 1.创建虚拟dom元素对象 JSX语法 var vDom = <h1>hello react!!!</h1> // 2.将虚拟dom渲染到页面真实的dom容器中 ReactDOM.render(vDom, document.getElementById('test')) </script> </body> </html>
01_hello world
猜你喜欢
转载自www.cnblogs.com/zhanzhuang/p/10703321.html
今日推荐
周排行