JSFiddle - React, Tailwind, and code Playground

by yshrkn

JavaScript

Chapter 6 課題 Nodeの追加/削除 で作成したTodo管理アプリを、Web Storageを利用し、ブラウザを終了しても内容を保持するようにしてください。

Point

LocalStorage と SessionStorageの違いを覚えましょう
WebStorageに保存できる情報は文字列だけです。
配列やObjectなどの複雑な構造は、JSON.stringify メソッドを利用し、文字列に変換してから保存します。
上記とは逆に、文字列からObjectに変換するには、JSON.parse メソッドを利用します。