2016-12-09 20 views
0

私はReact、Redux、Routingについていくつかのアドバイスを利用することができました。私はreact-router-reduxとredux-little-routerで遊んでいました。どちらも、ルート状態を復元するためのすぐれたソリューションを提供していないようです。私は説明します:リアクションと復元の状態

私は製品ページを持っているアプリがあるとします。製品ページには関連製品が表示されます。ユーザは、関連する製品をクリックしてその製品ページを見ることができる。その製品ページから、他の関連製品などをクリックすることができます。

私は、同じパスを持つルート "スタック"にプッシュされたページの山です。ユーザーがクリックすると、それぞれ適切な状態の復元された製品ページからトラバースする必要があります。

私の質問は次のとおりです。各製品ページの状態ビットはどこに保存しますか?主要なフレームワークがこの仕組みをどのように提供しているかはわかりません。私は自分自身を書く必要がありますか?

答えて

0

スタック/履歴を保存しないでください。 URLには、製品IDのようなページを表示するために必要なデータを保存する必要があります。ルートまたはコンポーネントでは、AJAXから適切なデータをロードし、URLのIDに基づいてストアする必要があります。

あなたはonEnter callbackでデータをフェッチすることができますhttps://stackoverflow.com/a/32922945/743464

それとも、ルート変更に対応してたときに、コンポーネントマウントと呼ばれるされる、データをフェッチするためにasync-propsredux-async-connectのようなライブラリを使用することができます。

+0

回答ありがとうAndy。スクロールポジションのようなものはどうですか?私はこれらの状態をどこに保存しますか? – motormal

+0

私は個人的に使用していませんが、https://github.com/taion/react-router-scrollがあなたのために仕事をする可能性があります –

関連する問題