inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기

user.userData.isAuth가 읽혀지지를 않네요

397

따뜻한 알파카

작성한 질문수 1

0

항상 좋은 강의 감사드립니다.
유튜브에서 강의듣다가 인프런까지 와서 수강하고있습니다.
 
기본강의에서도 구체적으로 다루어지지 않아서 여기에서 질문 드립니다.
 
/src/components/views/NavBar/Section/RightMenu.js
에서 보면
if (user.userData && !user.userData.isAuth) {
와 같은 구문이 있는데요,
user.userData를 찍어보면 값들이 잘 보이는데
  1. email"test5@gmail.com"
  2. isAdminfalse
  3. isAuthtrue
  4. name"Kim"
  5. role0
  6. _id"6142a0cb8bf282778fc3b987"
 
실제로 하위 프로퍼티를 읽어보려고 하면 에러가 납니다.
console.log(user.userData.isAuth)
라고 하면
TypeError: Cannot read properties of undefined (reading 'isAuth')
라고 에러가 납니다.
 
if (user.userData && !user.userData.isAuth) {
여기도 앞의값만 판단하고 뒤의 값은 무시되는것 같아서 순서를 바꿔보거나 !user.userData.isAuth단독으로 하면 같은 에러가 납니다.
 
값이 있는데도 읽을 수 없다고 하니 잘 이해가 안되는군요.
메뉴부분에 user.userData.name을 표시하고싶어서 시도했는데 에러때문에 쓸 수가 없어서 localStorage를 이용하고 있습니다.
Redux하고 관련이 있는건가요? Redux너무 어려워서 아직도 이해가안가서 고전중입니다.
 
그리고 boilerplate에 보면
client/src/components/views/LoginPage/LoginPage.js
50행에
window.localStorage.setItem('rememberMe', values.id);
이렇게 되면 undifine이 표시되어서
values.email
이 아닐까 생각합니다.
 

nodejs react redux mongodb

답변 1

1

Junbeom An

안녕하세요. 지나가다가 궁금해서 한번 실행해보고 부족하지만 답변남깁니다.
user.userData가 요청을 통해 리덕스에 유저 데이터가 초기화되기 전까지는 값이 존재하지 않습니다. 따라서 userData가 undefined라고 나오는 순간이 제일 처음에 있기때문에 console.log로 찍어보면 에러가 날 수 있습니다. 

if (!user.userData) return null; -> 이 부분을 RightMenu 컴포넌트의 if 문 전에 추가해주시면 문제 없이 콘솔로그가 될 것 같습니다. 리덕스 데브 툴을 이용해서 확인해 본 상태 변화입니다. 처음엔 userData가 없었다가 초기화 이후 생긴것을 확인할 수 있습니다.

 

0

따뜻한 알파카

감사합니다. 알려주신대로 추가했더니 문제없이 값이 출력됩니다.

아직은 뭐가뭔지 잘 모르겠지만 리덕스 공부해서 이해해도록 하겠습니다.

감사합니다.

npm i하면 바로, 라이브러리 오류없이 받아지고, 구동되는 소스는 없나요?

0

62

1

ERROR in ./node_modules/antd/es/version/index.js 2:15-22

0

228

1

자료 없음

0

336

1

이미지 깨짐

0

355

1

npm run dev 동작 에러

0

314

1

npm run dev 동작 에러

0

301

1

npm run dev 동작에러납니다...

0

667

1

npm run dev 실행 오류

0

663

1

비디오 업로드, 로그인, 회원가입 504 error

0

1062

1

시작부터 오류생기시는 분들 해결법입니다.

1

476

1

오류 해결 공유

0

473

1

npm install 에러 질문드립니다.

0

1138

2

아예 몽고DB에 연결한다고만 하고 연결이 안되고 있습니다.

0

556

1

해당 오류 해결 방법 좀 알려주세요 ㅠㅠ

0

535

1

로컬스토리지에 대한 질문입니다!!

0

517

0

video가 안 나타나는 문제

0

902

1

ffmpeg 설치 후 cannot read property 'format' of undefined 500 에러 해결

0

480

0

typeError or 콘솔 500 뜨는분..

0

341

0

npm run dev 관련 오류

0

582

1

답글이 달리지않고 디비에도 저장되지않으며 새로고침이 됩니다.

0

252

0

useState 자동 생성

0

349

1

TypeError: Cannot read properties of undefined (reading 'format')

0

1256

2

userData undefined / state에 user.userData가 없습니다.

0

252

0

antd Input background color 변경

0

246

0