inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Học React A-Z bằng cách làm theo (phản ánh phiên bản 19)

Lưu giá trị todoData vào localStorage

useEffect로 사용을 해도 되나요?

197

gusn9719

3 câu hỏi đã được viết

0


  useEffect(() => {
    localStorage.setItem('todoData', JSON.stringify(todoData));
  }, [todoData]);

 

이렇게 작성을 하고, 나머지는 다 주석을 처리했는데도 정상 작동하는 것 같더라구요.

 

하지만 의문인게

 setTodoData((prev) => [...prev, newTodo]);
    localStorage.setItem('todoData', JSON.stringify([...todoData, newTodo]));

여기도 주석처리를 했는데, 여기는 조금 작성하는 게 다르
지 않나요? handleRemoveClick = () => {

setTodoData([])

}

여기도 그렇구요. 그런데 그냥 다 정상 작동 하네요?

react redux tdd typescript next.js 소프트웨어-테스트

Câu trả lời 1

1

John Ahn

안녕하세요!

둘 다 작동하는 것은 맞지만
useEffect 이외의 방법으로 할수있는게 있다면
useEffect 사용은 후순위가 됩니다 ^^
최대한 useEffect 사용은 지양하는게 좋기 때문입니다~!

감사합니다!

강의 소스 코드 압축 풀기 오류

0

68

1

런타임 에러 ㅠㅠ

0

82

1

강의대로 따라갔는데 에러보다 api키로 들어간 넷플릭스? 그런게 렌더링 되지 않습니다 ㅠ

0

99

1

안녕하세요 개발과 상관없는 질문입니다만

0

110

1

리액트 라우터 관련

0

100

1

react-beatiful-dnd에서 문제가 발생합니다.

0

102

1

react19에서는 react-beautiful-dnd가 설치되지 않습니다.

0

802

1

넷플릭스 오리지널 제외하고 슬라이드가 동작을 안합니다.

0

191

1

react 19의 useActionState가 더이상 isPending은 지원하지 않는 듯합니다

0

276

2

리액트 dockderfile 작성 시 COPY 질문

0

144

1

next.js에서부터는 react query 필요없는지

0

319

1

기능

0

192

1

오류가 안보여요

0

192

1

CSS

0

216

1

local storage

0

207

1

list컴포넌트 생성하기

0

221

1

검색어 입력 후 초기화하는 방법 궁금합니다!

0

330

1

Banner.css에 대해서

0

443

1

플러그인이 추천을 안해줍니다

0

319

1

마이너스버튼 테스트

0

278

2

리액트 서버 실행 오류

0

1148

2

오류메세지는 확인했는데 어떻게 고쳐야 할지 모르겠습니다 ㅠ

0

297

1

creactStore질문이요

1

281

2

중첩 라우트

0

173

1