Я использую «response-router-modal», и он работает хорошо. Когда я нажимаю на ссылку, модал правильно отображается с новым путем в адресной строке браузера.
class MainComponent extends Component {
render(){
return(
<section>
<BrowserRouter>
<div>
<ModalLink path='/foo' component={FooModal}>
Say Hello
</ModalLink>
<ModalContainer/>
</div>
</BrowserRouter>
</section>
)
}
}
class FooModal extends Component{
render(){
return(
<div>Foo modal says hi!</div>
)
}
}
Я также добавил это белье в файл rout.js.
<ModalRoute path="/foo" parentPath="/" component={FooModal}/>
Но мне нужно это наоборот.
Это означает, что когда я ввожу путь, покажи страницу с этим открытым модалом, но будет показана только пустая страница.