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