Open2
wip【React】ステートフックの永続化について
yu.miyoshi概要
関数コンポーネントに値をフックを使用して保管できるが、ステートはリロードで消えてしまう。
ステートフックはフックを使用し、データを保管しても次回アクセス時には消える。
ローカルストレージを用い値の保持をする方法について考えてみる。
ローカルストレージとは
ローカルストレージとは、WebブラウザのJavaScriptに搭載されている機能。
windowオブジェクトにある「localStorage」というプロパティに機能がまとまっている。
以下のメソッド呼び出しでローカルストレージへのアクセスが可能。
-
指定のキーから値を取得する
変数 = window.localStorage.getItem( キー ) -
値を否定のキーで保管する
window.localStorage.setItem( キー, 値)
※windowは省略可
参考サイト
yu.miyoshi概要
関数コンポーネントに値をフックを使用して保管できるが、ステートはリロードで消えてしまう。
ステートフックはフックを使用し、データを保管しても次回アクセス時には消える。
ローカルストレージを用い値の保持をする方法について考えてみる。
ローカルストレージとは
ローカルストレージとは、WebブラウザのJavaScriptに搭載されている機能。
windowオブジェクトにある「localStorage」というプロパティに機能がまとまっている。
以下のメソッド呼び出しでローカルストレージへのアクセスが可能。
-
指定のキーから値を取得する
変数 = window.localStorage.getItem( キー ) -
値を否定のキーで保管する
window.localStorage.setItem( キー, 値)
※windowは省略可
参考サイト