[英]React Router Link changes URL but doesn't render Component - Rest Countries API
[英]React router: Link changes url but doesn't load component
這一直讓我發瘋。 我有一個使用react-router的應用程序。 當我從服務器加載時,一切正常。 但是,當我嘗試通過Link組件查找路由時,它只會更改url,並且不會加載該組件。 請有人幫我解決這個問題。
class Example extends React.Component {
constructor(props) {
super(props);
this.state = {
Item: 5,
skip: 0
}
this.handleClick = this.handleClick.bind(this);
}
urlParams() {
return `http://localhost:3001/meetups?filter[limit]=${(this.state.Item)}&&filter[skip]=${this.state.skip}`
}
handleClick() {
this.setState({skip: this.state.skip + 1})
}
render() {
return (
<div>
<a href={this.urlParams()}>Example link</a>
<pre>{this.urlParams()}</pre>
<button onClick={this.handleClick}>Change link</button>
</div>
)
}
}
ReactDOM.render(<Example/>, document.querySelector('div#my-example' ))
當我使用react-router時,在路由之外進行鏈接時,會警告它被禁止。 因此,此時,我將使用標記a或歷史記錄。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.