inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

노드 리액트 기초 강의 #30 로그인 페이지 (2)

props.history.push('/') 에서 자꾸 에러가 발생합니다.

5086

김범진

작성한 질문수 6

2

https://github.com/overman623/boiler-plate/blob/master/client/src/components/views/LoginPage/LoginPage.js#L29-L37

강의 잘듣고 있습니다.

처음 해보는것이라 따라해보면서 하고있는데, 아무리 따라해도 이 부분이 막히고 있습니다.

Uncaught (in promise) TypeError: Cannot read property 'push' of undefined

라는 에러가 나와서 많이 어렵습니다. 도움을 부탁드립니다.

nodejs react

답변 5

19

Yoonsang's Record

위 방법으로도 안되시는 분들은 여기 참고하셔도 좋을것 같아요!

저처럼 react-router-dom v6 사용하시는 분들은 

import { useNavigate } from "react-router-dom";

LoginPage 함수 내부에서 아래 처럼 선언 해주시고

const navigate = useNavigate();

dispatch promise then 부분에 

if (response.payload.loginSuccess) {
navigate(-1);
} else { ... }

저는 이런 식으로 해서 해결했습니다.

좋은 강의 잘 듣고 있습니다~~!!

0

finero91

와... 은인이십니다 ㅠㅠㅠㅠ 감사합니다 ㅠㅠㅠㅠ

0

fsm15

감사합니다!!

0

준준

너무감사합니다ㅠㅠ

0

지정수

감사합니다 .대협!!

0

officehs

갑사합니다 ㅠ

0

MH K

정말 감사합니다!!  아무리 해도 안돼서 삽질중이었는데 버전 차이었군요 ㅎㅎ

0

재컬리컬킨

슨상님 캄사합니다. 존경합니다 ㅠㅠ

0

ligoh

덕분에 해결했어요~! 감사합니다. 그런데 원래 의도대로 하려면 navigate('/')로 하는게 좋을 것 같네요.

0

최은총

!!!!

useNavigate는 react v6 에서 useHistory 가 변화한 것이라고 합니다. useHistory 에서 사용하던, window의 history를 이용한 navigate 기능도 할 수 있습니다.

가급적 useNavigate를 사용하는 것이 좋아보입니다.

8

John Ahn

안녕하세요 김범진님 !  

loginpage 파일안에  

위에는 

import { withRouter } from 'react-router-dom';

이 부분은 넣어주시고 

맨아래 부분에는 

export default withRouter(LoginPage)

이렇게 바꿔주세요 ^^ !!!

1

John Ahn

앗 그랬군요ㅜㅜ  수고하셨습니다 !!!

0

일공삼

정말 좋은 강의 감사합니다. 

큰 도움 받고있습니다. 

0

퉁튱

저는 강사님이 말씀하신대로 해서 해결되었습니다! 왜 저렇게 하면 해결되는 건지 궁금합니다 !

0

김범진

답변감사합니다.

자체 해결하였습니다.

코드상에 오타가 있었습니다.

histroy로 잘못입력했습니다.

좋은강의 잘듣고 있습니다.

깃 이메일이랑 비번이 필요하다고 하네요

0

34

1

404 에러

0

101

1

34강 인증 체크에서 element 사용 때문에 에러나시는 분들 이렇게 하심 됩니다.

0

118

1

로그인, 로그아웃, 토근 작동 안 함

0

237

0

9강 오류 어떻게 해결하나요?

0

193

1

localhost 에서 연결을 거부했습니다.

0

1924

4

포스트맨에서 true가 안떠요

0

150

1

왜 안되나요

0

128

1

몽고db 연결 오류가 납니다 위에껀 입력한 코드, 아래껀 터미널이에요

0

243

1

로그아웃 401 에러(Unauthorized)

0

503

2

암호가 해싱되지 않고 입력값 그대로 db에 저장되는 문제

0

148

1

7강중에서

0

162

2

User.findByToken is not a function

0

210

1

루트 디렉토리

0

268

1

useState

0

560

1

프록시 잘 설정했는데도 404 오류 뜨는 분들

5

874

6

webpack 관련 에러 질문

0

218

1

리액트 관련 질문

0

271

1

14강 로그아웃 안됨

0

318

1

mongoDB 데이터 확인하는 법

0

408

1

postman 에러

0

290

1

선생님 리덕스를 사용하면 어떠한 부분이 좋은지 알 수 있을까요?

0

233

1

다음과 같은 에러들이 발생합니다.

0

272

1

14강 로그아웃 기능 구현시 postman에서 Cannot POST 오류가 뜹니다.

0

379

1