DOM要素に関してのご質問です。

Question

画面繊維時の値の保持方法に関して質問がございます。

A画面→B画面　と基本的な画面２つがあるとします。

A画面：動的に行の追加をしたり、ボタン操作によりinput hiddenの中身をかきかえます
↓
B画面が表示されました。
↓
「戻る」よりA画面へ戻ります。
↓
A画面：ここで戻るとDOMにより追加した要素ですので、追加分の行やhidden値が消えてしまいます。
※追加した行・hidden値ははじめに入力した値を維持したい。

この現象を解決したいのですが、具体的な案が思い浮かびません。

もし解決方法をご存知の方がいらっしゃればご返事の方よろしくお願いいたします。

Answer 1

ボタンをクリックして要素を追加するタイミングでajax等でサーバにも情報を反映させる、CookieやWebStorageに情報を保持するといった対応が考えられます。

前者について、ReactとFirebaseを使用したサンプルとして下記を紹介します。

Todo App | ReactFire Demo
https://reactfiretodoapp.firebaseapp.com

Comments

[riddle]

ありがとうございました。