SPAでの検索とナビゲーション

Question

同じパラメータで検索できるように、現在の検索をブックマークまたはコピー/貼り付けしてもらいたいですか？

• 私は、検索のためのGETパラメータを使用している私は、ナビゲーション履歴にURLをプッシュしてい
• のparams

問題はこれです：

検索その後、PARAM1を持つユーザー検索を仮定param2で。 バックボタンを押すと、param1で結果が表示されません。

私たちはajax経由でGETリクエストを送信し、ページを更新せずにjavascriptでuiを更新するからです。

あなたは正しい前の検索結果を表示したい場合は、私が

• は、私は（私はそれがあまりにも高価になるだろうと思い、スタック内の検索結果そのものを保存することができますいずれかを推測
• または私は保存することができます検索プッシュURLと、スタック内のparams、および再検索いずれかのネットワークを介して、またはオフライン可能な場合を行います。

が、私はこの種の問題だけではなく、検索でSPAの多くの地域で発生する可能性があると思います。

私は私が使用している

..人々がこの問題に対処しても受け入れられソリューションがありますならば、それは戦略やライブラリもか疑問10

が反応し、ルータ、Reduxのを、反応させます。

Answer 1

ハッシュタグ付きのURLに検索文字列を追加できませんか？

window.location.hash = 'SEARCH_1'; 

私はそれがあなたの必要性のために働くかどうかわからないですが、あなたはあなたの検索機能の成功コールバックでこのコードを追加することができます。そしてそれはブラウザの戻るボタンでユーザーを有効にします。

あなたのcomponentDidMount（）では、ハッシュタグがnullかどうかを確認する必要があります。 nullでない場合は、コンポーネントのロードが完了したときに検索関数を呼び出して結果を取得する必要があります。