2016-09-21 6 views
0

私はページのリストを表すReactコンポーネントを持っています(検索結果をページングするときに使用されます)。たとえば、3ページ目をクリックして検索結果をクリックすると、新しいページが表示され、コンポーネントが破棄されます。元に戻すとコンポーネントが再作成され、選択されたページが1にリセットされます。最後に選択したページの値を保持し、選択したページをコンポーネントの再作成時にデフォルトにします。 「priorSelectedPage」の値はどこに保存できますか?どのようにアクセスできますか? (私はReactのnoobです。検索結果をクリックすると破棄されない親要素の状態/小道具に保存する必要がありますので、古い値を保持することができますか?)ReactJSに以前の値を保存する場所

+0

"検索結果をクリックしても破壊されない親要素の状態/小道具に保存する必要がありますので、古い値を保持できますか?" 基本的にはい..またはlocalStorage ...またはredux – azium

答えて

1

オプションは、アンマウントされずに再マウントされない親の状態で保存することです。そして、それらの状態値を子コンポーネントに渡すことができます。

もう1つの方法は、reduxのようなものを使用してアプリケーションにデータストアを作成することです。 appにreduxを追加することは簡単なことではありませんが、アプリが複雑で規模を拡大する必要がある場合は、長期的に良い価値を提供するかもしれません。

+0

のような他の永続的なストア実際にはプロジェクトはすでにreduxを使用していますが、これらのテクノロジに導入されたばかりで、使用方法はわかりません。私は何とかストアにpreviousPage変数を追加する必要があると思いますか? – Chara

+1

「changePage」アクション(またはそれを呼び出すもの)を定義するアクションクリエイターが必要です。ページを変更するコントロールを持つコンポーネントは、そのアクションを実行する必要があります(アクションを取得する必要があります) mapDispatchToProps()からの小道具として)、そのアクションを捕捉する減速器が必要です。次に、現在のページ番号を認識する必要があるコンポーネントで、減速機の状態を小道具にマップするコンテナが必要になります。これは新しい人のためのものです。だから、私にフィドル、コードペイン、またはgithubプロジェクトを提供できるなら、サンプルコードを書いてうれしいです。 –

関連する問題