inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

만들면서 배우는 리액트 : 기초

23 로컬스토리지에 데이터 싱크하기 2

useState 업데이트 시점

322

You Zheng

작성한 질문수 12

1

선생님,

submit 했을때 updateMainCat() 함수에서

setFavorites()으로 favorites state를 업데이트 시켜주잖아요? 

그런데 favorites 를 console에 찍어보면

update가 안 되어 있거든요? 

re-렌더링이 되고 나서야 update가 되어있는데~~ 

이거 원래 이렇게 동작하는 건가요? 

뭔가 좀 이상한게~

화면은 이미 새 이미지로  바껴있는데

왜 state값은 그대로 일까요?

 

 

 

react javascript

답변 1

0

진유림

좋은 질문입니다.

바로 리액트가 성능을 위해서 여러 state호출을 한꺼번에 묶어서 처리하기 때문인데요,

그래서 setFavorites코드 바로 아래에 console.log(favorites) 를 찍으면 아직 업데이트가 되지 않은 상태로 나올거예요.

이는 33강에서 더 배웁니다 :) ㅎㅎ

 

이 문서를 참고해보셔도 좋겠네요

https://ko.reactjs.org/docs/faq-state.html

0

You Zheng

앗!! 설날에  답변 안 달아 주셔도 되는데^^ ㅎㅎ;;;;

참고문서 한 번 파보도록 하겠습니다!! 

감사합니다~

 

 

API 적용 안되는 코드 수정 방법입니다.

0

85

1

고양이 이미지가 엑박이 뜨네요

0

65

1

npx 명령어 사용 불가

1

86

1

const 변수와 컴포넌트의 차이

0

94

1

강의노트

0

146

1

vite로 리액트 빌드한 후 깃허브에 배포하는 방법

0

340

1

빌드할때 dist 폴더가 만들어지는데요,

0

798

1

js파일 업로드 요청

0

139

1

변경된 api 사용시 text 안나오는 문제

0

151

1

메인글자수정...

1

283

3

디렉터리 구조 관련하여 참고할 만한 예시가 있을까요?

1

315

1

https://cataas.com/undefined 로 나오는데 왜그런건가요?

1

609

4

고양이 사진이 깨져요.ㅜㅜ

2

363

3

강의 노트 위치를 모르겠습니다

1

347

1

깃 강의노트 어디서 볼 수 있나요?

1

382

2

이해가 안되는 부분이 있어요

1

366

1

api가 안불러와지네요...

1

671

4

진유림 선생님 너무 궁금해서 질문드립니다 ㅜ

1

338

2

react에서 컴포넌트 만들 때 대문자를 쓰는 이유

2

1162

2

https://cataas.com/ 여기 도메인이 죽어서 이미지가 보이지 않습니다 ㅠ

1

336

2

index.js 내용이 바꼈네용

1

321

2

프로젝트에 사용할 상태와 로직 관리 라이브러리 훅 사용 질문입니다.

1

263

2

html 코드 오류

1

465

2

고양이 이미지 깨져요

1

343

2