問題タブ [react-boilerplate]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - React ルーター 3.x は、フロー外のページへのアクセスを制限します
ユーザーが最終的な支払いページに到達するために複数のルートを通過する必要がある購入フローを作成しています。たとえば、1 番目のルートで住所情報を入力し、2 番目のルートで購入の選択を構成し、3 番目のページでクレジット カード情報を入力するなど、合計で約 5 ～ 6 ページあります。 /ルート。最初のページを通過していない人が 2 番目のページにアクセスできないように、ルーターに制限を実装するにはどうすればよいですか?
React Router 3.x、React router redux 4.x、および React Boilerpate hereを使用しています。React ルーターが提供する機能の使用について読みましonEnterたが、特に React Boilerplate と組み合わせて、それを配置する場所に関する具体的な例や、私がやろうとしていることの実行に関する特定のドキュメントが見つかりません。
これに関するアイデア/ガイダンス/リソースはありますか?
参考までに、私のルート ファイルは次のようになります (ほとんど定型文のデフォルトのルート ファイルです)。