20230216 [react] - 새로고침 후 데이터 보존

lionloopy·2023년 2월 16일
0

리액트

목록 보기
12/18

새로고침 후 데이터 보존

문제점: Todolist에 새로운 항목을 추가하고, 상세페이지에서 새로고침을 하게 되면, 저장된 데이터가 아니기 때문에 백지화가 되었다.

해결방법
1. 새로고침 시 홈 화면으로 가도록 설정한다.
2. Localstorage를 활용한다.

  // const target = todo.filter((item) => {
  //   item.id === id;
  // });
  // if (!target) return window.location.replace("/");

  // useEffect(() => {
  //   const target = todo.filter((item) => item.id ===useParams.id)
  //   if(!target){
  //     navigate('/')
  //   }
  // })

+redux-logger 꿀팁!

profile
Developer ʕ ·ᴥ·ʔ ʕ·ᴥ· ʔ

0개의 댓글