初识React:使用React完成Hello World程序

正式学习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"。

继续学习,加油~~~

原文地址:https://www.cnblogs.com/happypayne/p/6825881.html