反応ルータv4の戻るボタンにモーダルボックスを表示するには？

Question

ユーザーがブラウザで[戻る]ボタンをクリックすると、カスタムモーダルボックスを表示する方法。 私はすでにモーダルボックスがフィールドの変更を扱っているので、私はプロンプトのwindow.confirmを使いたくありません。ルート小道具にアクセスするために

class Container extends Component { 

state = { 
showModal: false 
} 

handleBackClick(){ 
this.props.history.push(this.props.location.pathname) 
this.setState({showModal: true}) 
} 

componentDidMount(){ 
window.onpopstate = this.handleBackClick.bind(this) 
} 

render(){ 
return(
    <YourModal isOpen={this.state.showModal} ... /> 
) 
} 

} 

export default withRouter(Container) 

あなたはwithRouter機能付きコンテナをラップする必要があります。

Answer 1

はこのような何かを試してみてください、あなたはいくつかのページを持っており、それらのすべては、コンテナコンポーネント内にラップされているとしましょう。