未捕獲的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。