小目标

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

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

继续学习,加油~~~

posted on 2017-05-08 17:02  自信哥  阅读(290)  评论(0编辑  收藏  举报