我在React.js中制作了一个简单的“Hello World”程序.我期待将“Hello World”打印在html的正文中.
的index.html
<html> <head> <script src="http://fb.me/react-0.12.2.min.js"></script> <script> var HelloWorld = React.createClass({ render: function() { return <div>Hello,world!</div>; } }); React.render(new HelloWorld(),document.body); </script> </head> <body> </body> </html>
错误:
Uncaught SyntaxError: Unexpected token <
有人能告诉我我在哪里弄错了吗?
你所缺少的是包含将JSX转换为JS的东西.您需要包含JSXTransformer.js.另请注意React.render不使用document.body,它应该是一个dom元素.这是一个应该有效的例子:
<!DOCTYPE html> <html> <head> <title>My First React Example</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"></script> </head> <body> <div id="greeting-div"></div> <script type="text/jsx"> var Greeting = React.createClass({ render: function() { return ( <p>Hello,Universe</p> ) } }); React.render( <Greeting/>,document.getElementById('greeting-div') ); </script> </body> </html>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。