我無法更改頁面

我希望將頁面Movie.js轉到頁面Details.js。我無法更改頁面

有電影url中的井號，但沒有發生：「http://localhost:8100/search/tt0372784」

我無法解釋這個錯誤：未捕獲的SyntaxError：意外的標記<

main.js：

ReactDOM.render(
    <App />, 
    document.getElementById('app') 
);

Routes.js：

var Routes = React.createClass({ 
    render: function() { 
    return(
     <Router history={browserHistory}> 
      <Route path='/' component={Home} /> 
      <Route path='/contact' component={Contact} /> 
      <Route path='/search' component={Search}> 
       <Route path='/search/:myLink' handler={Details}/> 
      </Route> 
     </Router> 
    ) 
    } 
});

個Movie.js：

var Movie = React.createClass({ 
    render: function(){ 
     var link = 'http://www.imdb.com/title/' + this.props.movie.imdbID; 
     var myLink = 'search/' + this.props.movie.imdbID; 

     return(
      <div className="well"> 
       <div className="row"> 
        <h4 className="text-center"> 
         <Link to={myLink} activeClassName="current">{this.props.movie.Title}</Link> 
        </h4> 
       </div> 


      </div>  
     ) 
    }, 
});

Details.js：

var Details = React.createClass({ 
    render: function(){ 

     var link = 'http://www.imdb.com/title/' + this.props.movie.imdbID; 

     var title = this.props.movie.Title; 
     var year = this.props.movie.Year; 
     var type = this.props.movie.Type; 
     var poster = this.props.movie.Poster; 
     var imdbID = this.props.movie.imdbID; 

     return(
      <div className="well"> 
       <div className="row"> 
        <div className="col-md-4"> 
         <img className="thumbnail" src={poster} /> 
        </div> 
        <div className="col-md-8"> 
         <h4><a href={this.props.movie.Title}> {title}</a></h4> 
         <ul className="padding"> 
          <li className="list-group-item">Type : {type}</li> 
          <li className="list-group-item">Year Released : {year}</li> 
          <li className="list-group-item">Id imdb : {imdbID}</li> 
         </ul> 
         <a className="btn btn-primary" href={link}>View on IMDB</a> 
        </div> 
       </div> 

       <Movie movie={this.props.Details} key={i} /> 
      </div>  
     ) 
    }, 
});

來源

2016-08-02 DenisMasot

JSX是否正確編譯？ – gcampbell

是的，你想看到更多的文件？ – DenisMasot

但文件良好時出現錯誤：未捕獲SyntaxError：意外令牌< – DenisMasot

你在你的路由配置有一個錯誤

<Route path='/search' component={Search}> 
    <Route path='/search/:myLink' handler={Details}/> 
</Route>

此配置將匹配「搜索/搜索/ tt0372784」而不是「search/tt0372784」

來源

2016-08-02 16:01:47 Deadfish

我無法更改頁面

回答

相關問題