私はページのリストを表すReactコンポーネントを持っています(検索結果をページングするときに使用されます)。たとえば、3ページ目をクリックして検索結果をクリックすると、新しいページが表示され、コンポーネントが破棄されます。元に戻すとコンポーネントが再作成され、選択されたページが1にリセットされます。最後に選択したページの値を保持し、選択したページをコンポーネントの再作成時にデフォルトにします。 「priorSelectedPage」の値はどこに保存できますか?どのようにアクセスできますか? (私はReactのnoobです。検索結果をクリックすると破棄されない親要素の状態/小道具に保存する必要がありますので、古い値を保持することができますか?)ReactJSに以前の値を保存する場所
答えて
オプションは、アンマウントされずに再マウントされない親の状態で保存することです。そして、それらの状態値を子コンポーネントに渡すことができます。
もう1つの方法は、reduxのようなものを使用してアプリケーションにデータストアを作成することです。 appにreduxを追加することは簡単なことではありませんが、アプリが複雑で規模を拡大する必要がある場合は、長期的に良い価値を提供するかもしれません。
のような他の永続的なストア実際にはプロジェクトはすでにreduxを使用していますが、これらのテクノロジに導入されたばかりで、使用方法はわかりません。私は何とかストアにpreviousPage変数を追加する必要があると思いますか? – Chara
「changePage」アクション(またはそれを呼び出すもの)を定義するアクションクリエイターが必要です。ページを変更するコントロールを持つコンポーネントは、そのアクションを実行する必要があります(アクションを取得する必要があります) mapDispatchToProps()からの小道具として)、そのアクションを捕捉する減速器が必要です。次に、現在のページ番号を認識する必要があるコンポーネントで、減速機の状態を小道具にマップするコンテナが必要になります。これは新しい人のためのものです。だから、私にフィドル、コードペイン、またはgithubプロジェクトを提供できるなら、サンプルコードを書いてうれしいです。 –
- 1. スタティックアレイを目的の場所に保存する場所
- 2. 入力ファイル 'file'を使用してブラウザの保存場所にイメージを保存する - Reactjs
- 3. ReactJsでdivにテキストエリアの値を保存
- 4. Androidにアプリケーションデータを保存する場所
- 5. 保存場所にファイルをアップロードする
- 6. Googleマップに場所を保存する
- 7. ReactJSでJSX以外の構文を使用する場所
- 8. mousedownの場所を保存
- 9. テーマのビューを保存する場所
- 10. バックエンドのコンフィグレーションデータを保存する場所
- 11. androidのデータを保存する場所
- 12. ユーザーのメディアを保存する場所
- 13. ループ内の以前のTkinterセッションのエントリ値を保存する
- 14. アンドロイド - 履歴とオートコンプリートの値を保存する場所
- 15. Portable Executableの保存場所
- 16. 場所のデータapiをファイアベースに保存
- 17. カスタムの場所にXMLファイルを保存
- 18. ファイルを保存する場所
- 19. request.jsonファイルを保存する場所
- 20. BigQueryでデータを保存する場所
- 21. WPF NLogログを保存する場所
- 22. XMLファイルを保存する場所
- 23. M2Cryptoファイルを保存する場所
- 24. Laravelがユーザーセッションを保存する場所
- 25. アプリケーション設定を保存する場所
- 26. カスタムメタデータを保存する場所は?
- 27. アクティベーションキーを保存する場所
- 28. MVC:データを保存する場所は?
- 29. ファイルを保存する場所
- 30. ファシリティ設定を保存する場所
"検索結果をクリックしても破壊されない親要素の状態/小道具に保存する必要がありますので、古い値を保持できますか?" 基本的にはい..またはlocalStorage ...またはredux – azium