我不能换页
I can not change page
我想从Movie.js页面转到Details.js.页面
url中有电影的好id,但什么也没发生:"http://localhost:8100/search/tt0372784"
我无法解释此错误:未捕获的语法错误:意外的令牌<
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>
)
}
});
电影.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>
)
},
});
您的路线配置中有一个错误
<Route path='/search' component={Search}>
<Route path='/search/:myLink' handler={Details}/>
</Route>
此配置将与"search/search/tt0327784"而不是"search/tt0327984"匹配
相关文章:
- 不能在同一页上进行多个jquery幻灯片切换
- 为什么数据不能't显示在查看页中
- CSS精灵可以在页面的HTML中工作,但不能在Javascript中工作
- 字符串中的字符串可以'不能用换行符分隔
- jQuery换行获胜'按下回车键时不能追加
- 自动对焦;不能在Firefox上工作;从另一页开始时无法工作
- 带错误的Onsen UI导航:您不能提供no"ons页”;元素到“;ons导航器”;当返回第一页时
- Videobox和Lightbox冲突(不能在同一页上工作)
- Jquery.text()不能换行
- Rails: Javascript不能在分页对象上工作
- 我不能在分页后调用onclick事件
- 滚动"位置:固定"Div位于页面上,但不能位于某个Div之上
- 试着学习Angular——为什么这里的分页不能正常工作?
- 不能重定向到翡翠页节点js
- 在ajax后绘制的数据表上单击事件,该数据表不能从第二页工作
- 为什么引导动态表分页不能工作
- 分页不能正常工作
- jqGrid分页不能使用json数据类型
- Jeasyui DataGrid分页不能正常工作
- 我不能换页