正式学习React之前,通过一个简单的Hello Word程序来感受一下。
1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Hello World</title> 6 <script src="./react.js"></script> 7 <script src="./JSXTransformer.js"></script> 8 9 <script type="text/jsx"> 10 11 var Hello = React.createClass({ 12 render: function () { 13 return <p>Hello, World</p> 14 } 15 }); 16 React.render(<Hello></Hello>,document.body); 17 18 </script> 19 20 </head> 21 22 <body> 23 </body> 24 25 </html>
备注:
(1) 引入React的核心JS文件react.js。
(2) 引入JSX的解析器JSXTransformer.js文件。
(3) React代码写在script标签中,但是注意 type="text/jsx"。
继续学习,加油~~~