ReactはVue jsのようにキープアライブしていますか？

Question

React jsでTodoリストを作成しました。このウェブには、リストと詳細ページがあります。 リストがあり、1つのリストには10​​個のアイテムがあります。ユーザーが下にスクロールすると、次のページデータがロードされます。

ユーザーの40項目をクリックしてください - >（反応-ルータ）詳細ページを見る - >

にページのメインページスクロールトップに戻るボタンをクリックして、再度、1ページ目のデータを取得します。

スクロール位置とデータを復元する方法 Ajaxコールなし？

私はVue jsを使用したとき、私は 'キープアライブ'要素を使用しました。 私を助けてください。ありがとうございました:)

Answer 1

キープアライブは本当にいいです。一般的に、状態を保持したい場合は、Flux（Redux lib）デザインパターンを使用して、データをグローバルストアに保存します。これを単一のコンポーネントのユースケースに追加し、必要に応じて他の場所で使用することさえできません。

コンポーネントを周囲に保持する必要がある場合は、コンポーネントを持ち上げ、そのコンポーネントに「display：none」スタイルを追加することができます。これにより、ノード、したがってコンポーネントの状態が保持されます。

「キー」フィールドは、Reactエンジンがどのツリーをマウント解除し、何を保管すべきかを把握するのにも役立ちます。同じコンポーネントがあり、複数の用途にわたってその状態を保持したい場合は、キー値を維持します。逆に、アンマウントを確実にしたい場合は、キー値を変更するだけです。