react 之 Hello Horld!
其实这是我第一次写文章,好紧张 - - 下载react.js 然后各位少侠请先新建一个HTML文件,什么名字无所谓吧 <!DOCTYPE html> <html> <head> <title>react start</title> </head> <body> <div id="example"></div> <script src="react.min.js"></script> <script src="JSXTransformer.js"></script> <script type="text/jsx"> React.render( <h1>Hello,world!</h1>,document.getElementById('example') ); </script> </body> </html> 很顺利页面就输出了 Hello,world! 我懒得截图了 - - 然后我们开始分析了 <script type="text/jsx"> 为虾米 type = text/jsx <script src="JSXTransformer.js"></script> 注释掉 这时候把script 的 type去掉 js执行看看 !!报错了 什么鬼 确实js这么写 语法都不通过了 JSX是facebook自己定的协议 通过JSXTransformer.js转换就正常执行了. 能<!DOCTYPE html> <html> <head> <title>react start</title> </head> <body> <div id="example"></div> <script src="react.min.js"></script> <!-- <script src="JSXTransformer.js"></script>--> <script> var Hello = React.createClass({ render: function(){ return ( React.createElement('div',{},'Hello world!') ) } }) React.render( React.createElement(Hello),document.getElementById('example') ); </script> </body> </html> 还是用JSX吧 虽然一开始让我用 我是拒绝的,但写了两天发现也习惯了,况且人家是大公司对吧他们这么用一定有他们的道理,以后项目做大,自然会领悟其中的道理。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |