это сводило меня с ума. У меня есть приложение, использующее реактивный маршрутизатор. При загрузке с сервера все работает корректно. Но когда я пытаюсь пройти маршрут через компонент 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' ))
Рассмотрите возможность использования решения отсюда — stackoverflow.com/questions/43351752/…
потому что ссылка находится за пределами компонента маршрутизатора. Роутер не знает об этой ссылке, сделайте так: <Router><div><Link to = "/dashboard/products">Products</Link><Switch>....all routes here</Switch></div></Router>
@MayankShukla Пробовал использовать внутренний компонент маршрутизатора, но не работает
Вы можете обновить свой ответ новым кодом?
@MayankShukla Это работает Т. Спасибо
@MayankShukla. Я использую вложенную структуру маршрутизации, которая может выглядеть как dashboard/products .. Я добавила точное значение к каждому маршруту. не могли бы вы предложить какой-нибудь новый метод?
следуйте этим подробностям реагирующего маршрутизатора, очень хорошо объясненным, я надеюсь, что он ответит на все ваши вопросы. ссылка на сайт



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


когда я использую реактивный маршрутизатор, ссылку вне маршрута, будет предупреждение, что это запрещено. Так что на этот раз я буду использовать тег a или историю.
Вы можете показать свой импорт?