Baustein abgeschlossen
This commit is contained in:
@@ -36,6 +36,7 @@ function App() {
|
|||||||
element={
|
element={
|
||||||
<Reiseziel
|
<Reiseziel
|
||||||
ziel={ziel}
|
ziel={ziel}
|
||||||
|
error
|
||||||
/>
|
/>
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -2,11 +2,18 @@ import {useState, useEffect} from "react";
|
|||||||
|
|
||||||
const STORAGE_STRING = 'todo-app-todos';
|
const STORAGE_STRING = 'todo-app-todos';
|
||||||
|
|
||||||
|
let i = 0;
|
||||||
|
|
||||||
export default function App() {
|
export default function App() {
|
||||||
const [input, setInput] = useState("");
|
const [input, setInput] = useState("");
|
||||||
const [todos, setTodos] = useState(JSON.parse(localStorage.getItem(STORAGE_STRING))||[]);
|
const [todos, setTodos] = useState(JSON.parse(localStorage.getItem(STORAGE_STRING))||[]);
|
||||||
|
|
||||||
useEffect(() => persistTodos(),[todos]);
|
useEffect(() => {
|
||||||
|
persistTodos();
|
||||||
|
console.log("test");
|
||||||
|
},[todos]);
|
||||||
|
|
||||||
|
useEffect(() => console.log(i++), []);
|
||||||
|
|
||||||
function persistTodos() {
|
function persistTodos() {
|
||||||
localStorage.setItem(STORAGE_STRING, JSON.stringify(todos));
|
localStorage.setItem(STORAGE_STRING, JSON.stringify(todos));
|
||||||
|
|||||||
Reference in New Issue
Block a user