未捕获的SyntaxError：意外的标记'<'

Question

我正在编写反应路线，并在此代码中显示第8行的“<”的意外错误。我的代码是

var React = require('react'); 
var Route = ReactRouter.Route; 
var Link = ReactRouter.Link; 

var App=React.createClass({ 
    render: function(){ 
    return(
     <div className="header"> 
     <h1>Welcome to Twitter</h1> 
     <nav className="links"> 
      <link to ="https://about.twitter.com/"> About </link> 
      <link to="/login"> Login </link> 
      <link to="/sign_up"> Sign Up </link> 
     </nav> 
     {this.props.children} 
     </div> 
    ) 
    } 
}) 
React.render((
    <Router> 
    <Route path="/" component={App} /> 
     <Route path="login" components={Login} /> 
     <Route path="sign_up" components={Sign_Up} /> 
    </Router> 
),document.body) 

请帮助我，因为我已经浪费了很多时间。

Answer 1

您是否直接将此代码发送给浏览器？因为它是jsx并需要进行转换。看看reactify。