Ich kann die Seite nicht ändern

Question

Ich möchte von der Seite Movie.js auf die Seite Details.js gehen.

Es ist gut ID des Films in der URL, aber nichts geschieht: "http://localhost:8100/search/tt0372784"

ich diesen Fehler nicht erklären kann: Uncaught Syntaxerror: unerwartete Token <

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>  
     ) 
    }, 
}); 

Answer 1

Sie haben einen Fehler in Ihrer Routen Konfiguration

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

Diese Konfiguration wird mit "Suche/Suche/tt0372784" entsprechen anstelle von "search/tt0372784"