Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- C언어로 쉽게 풀어쓴 자료구조
- 포도주시식
- discord.js
- webpack
- Chrome Extension
- supabase
- 크롬 확장자
- 디스코드 봇
- 파이썬
- 백준 #7568번 #파이썬 #동적계획법
- 프로그래머스 #정수삼각형 #동적계획법
- 동적계획법
- content script
- 갓생
- 크롬 익스텐션
- 캠스터디
- 백준
- react
- TypeScript
- X
- 백준 7579
- popup
- 공부시간측정어플
- nodejs
- Message Passing
- background script
- 자료구조
- 2156
Archives
- Today
- Total
히치키치
typescript-todo : localStorage에 tasks 저장을 위한 훅 작성 본문
💙 useLocalStorage
import react, { useEffect, useState } from 'react';
const useLocalStorage = <TState>(key: string, newState: TState) => {
const [state, setState] = useState<TState>(() => {
const stateStr = window.localStorage.getItem(key);
return stateStr ? (JSON.parse(stateStr) as TState) : newState;
});
useEffect(() => {
window.localStorage.setItem(key, JSON.stringify(state));
}, [key, state]);
return [state, setState] as const;
};
export default useLocalStorage;
'typescript-todo' 카테고리의 다른 글
typescript-todo : ListScreen & FocusScreen 작성 (0) | 2022.08.12 |
---|---|
typescript-todo : createContext & useContext 작성 (0) | 2022.08.12 |
typescript-todo : 전역 상태관리 & Screen 구조, 함수 설계 (0) | 2022.08.12 |
typescript-todo : 요구사항/화면 구상 & 디렉토리 설정 & 기술스택 (0) | 2022.08.11 |
typescript-todo : types.ts 작성하여 할 일과 CRUD 타입 지정 (0) | 2022.08.11 |
Comments