反応ページのボタンを押すとウェルカムページにリダイレクトシングルページアプリケーション

Question

私は反応が単一ページのアプリケーションを持っているので、戻るボタンを押すと、期待どおりにウェルカムページにリダイレクトされます。今いくつかの要件のために、私は間にアプリケーションのURLを更新する必要がありますので、私は古いURLページとその後にようこそページに私をリダイレクトする私は戻るボタンを押してください。 この動作を制御するには、URLを更新した後でも、戻るボタンを押すとウェルカムページに直接リダイレクトする必要があります。

Answer 1

私は反応ルータを使用してそれを行う方法がわかりませんが、問題を解決するためにwindow.history.pushState（）を使用できます。 3番目のコンポーネントで、次のコードをrender（）メソッドに追加します。

window.history.pushState(null, null, '/your-welcome-page-url');

これは、ページをリロードせずにページのURLを歓迎するために、現在のURLを変更します。ブラウザーの戻るボタンを押すと、ブラウザーはウェルカムページにリダイレクトされます。

Answer 2

私はreact-router-domをここで使用できると思います。 要素がにあります。あなたの問題を解決できる反応ルータ-domがあります。例えばのために

:,あなたは、ドキュメント react-router-dom document