We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
1 parent bc8e9e2 commit 04dd6b9Copy full SHA for 04dd6b9
src/app.tsx
@@ -10,7 +10,15 @@ interface Note{
10
};
11
12
export function App() {
13
- const [notes, setNotes] = useState<Note[]>([]);
+ const [notes, setNotes] = useState<Note[]>(() => {
14
+ const notesOnStorage = localStorage.getItem("notes");
15
+
16
+ if(notesOnStorage){
17
+ return JSON.parse(notesOnStorage);
18
+ }
19
20
+ return [];
21
+ });
22
23
function onNoteCreated(content: string){
24
const newNote = {
@@ -19,7 +27,11 @@ export function App() {
27
content
28
29
- setNotes([newNote, ...notes]);
30
+ const notesList = [newNote, ...notes];
31
32
+ setNotes(notesList);
33
34
+ localStorage.setItem("notes", JSON.stringify(notesList));
35
}
36
25
37
return (
0 commit comments