シングル ページ アプリに多くのビューがあるとします。つまり、div 内にいくつかのビューを配置し、ユーザーのアクションに応じてこのビューまたはそのビューを表示します。だから、私は通常一度にビューに表示します。たとえば、ダッシュボード、設定、エントリ、エントリの詳細などのビューがあります。
アプリの現在の状態に応じて、これらのビューの 1 つが表示され、他のビューは表示されません。このようにダッシュボード>エントリ>エントリの詳細に移動し、エントリの詳細を編集して保存または戻るボタンをクリックすると、アプリがエントリに戻ります。しかし、たとえば最新の編集済みエントリに移動するリンクがダッシュボードにある場合は、この方法でダッシュボード>エントリの詳細に移動できます。この場合、保存または戻るボタンをクリックしてダッシュボードに戻りたいと考えています。
このケースは、より深いビューパスではさらに複雑になる可能性があります。現在、私はこのように管理しています-ビューの切り替えを担当するボタンをクリックすると、変数stateは次のように変更されていfrom_dashboard_to_entriesます。その変数が変更されるのをリッスンし、変数の値に応じて別の関数からすべてのビューを切り替えstateます。このようにして、考えられるすべてのシナリオを手動で定義し、考えられるすべてのケースの組み合わせをテストする必要があります。現在、このアプローチは非常にうまく機能していますが、より深い、またはより長いビュー シーケンスについて心配しています。
私の考えは、どういうわけか配列などでビューの履歴を作成することですが、それをより良くする方法を明確に理解していません。これをどのように整理するかについて、あなたの考えを教えてください。