diff --git a/videos/long/custom-react-hooks-useLocalStorage/index.tsx b/videos/long/custom-react-hooks-useLocalStorage/index.tsx index eb74c09..7f99a8b 100644 --- a/videos/long/custom-react-hooks-useLocalStorage/index.tsx +++ b/videos/long/custom-react-hooks-useLocalStorage/index.tsx @@ -1,25 +1,25 @@ -import { useState } from 'react'; +import { useState } from "react"; -import { useLocalStorage } from './useLocalStorage'; +import { useLocalStorage } from "./useLocalStorage"; const Demo = () => { - const [value, setValue] = useState(''); + const [value, setValue] = useState(""); - const { getItem, setItem, removeItem } = useLocalStorage('value'); + const { getItem, setItem, removeItem } = useLocalStorage(); return ( -
-

useLocalStorage

+
+

useLocalStorage

setValue(e.target.value)} /> -
- - - +
+ + +
); diff --git a/videos/long/custom-react-hooks-useLocalStorage/useLocalStorage.ts b/videos/long/custom-react-hooks-useLocalStorage/useLocalStorage.ts index b72e43c..032d072 100644 --- a/videos/long/custom-react-hooks-useLocalStorage/useLocalStorage.ts +++ b/videos/long/custom-react-hooks-useLocalStorage/useLocalStorage.ts @@ -1,5 +1,5 @@ -export const useLocalStorage = (key: string) => { - const setItem = (value: unknown) => { +export const useLocalStorage = () => { + const setItem = (key: string, value: unknown) => { try { window.localStorage.setItem(key, JSON.stringify(value)); } catch (error) { @@ -7,7 +7,7 @@ export const useLocalStorage = (key: string) => { } }; - const getItem = () => { + const getItem = (key: string) => { try { const item = window.localStorage.getItem(key); return item ? JSON.parse(item) : undefined; @@ -16,7 +16,7 @@ export const useLocalStorage = (key: string) => { } }; - const removeItem = () => { + const removeItem = (key: string) => { try { window.localStorage.removeItem(key); } catch (error) {