inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

노드 리액트 기초 강의 #34 인증 체크 (2) 강의 마무리.

react router v6 에서 hoc 컴포넌트(Auth)에서 useNavigate() 를 사용할 수 없나요?

1069

김동현

작성한 질문수 38

6

react router v6 에서 hoc 컴포넌트(Auth)에서 useNavigate() 를 사용할 수 없는지 궁금합니다.

 

강사님의 강의를 듣다가 react router v5 로 계속하려했으나 옛날방식이라 신경쓸게 너무 많아 v6 를 쓰고 있었습니다.

 

hoc (Auth) 에서 강사님이 history.push 를 쓰셨는데 v6 에서는 useNavigate()를 쓰라고 합니다.

근데 useNavigate() 를 쓰니 Router 컴포넌트 안에서만 쓸 수 있다고 하더군요.

근데 App.js를 보시면 Router 안에 hoc(Auth)가 들어있지 않습니까?

그런데 왜 사용을 못하는지, 그렇다면 어떻게 해야하는지 궁금합니다. 마지막인데 속썩이네요;; 

useNavigate() react nodejs reactrouterdom

답변 5

0

jbee_kim

저는 navigate가 안먹는데... 어떻게 하셨을까요

0

농담곰

진짜 님 복 받으실 거예여 ㅠㅠㅠㅠ 덕분에 에러 잡았습니당

0

곽태웅

아 navigate 선언한 위치가 잘못이었네요ㅠㅠ 해결했습니다. 감사합니다.

0

곽태웅

return 부분에 <AuthenticationCheck />로 리턴 해봤는데 계속 똑같은 오류가 뜨더군요 혹시 해결하셨을까요?

0

김동현

해결했습니다 : )

auth.js 에서 마지막에 AuthenticationCheack 컴포넌트를 리턴할때 함수로 리턴하지말고 JSX컴포넌트로 리턴해야 합니다.

0

박성현

이부분 조금만 상세하게 말씀해주실수 있으실까요?

0

1sol2sol

<AuthenticationCheack/> 이런식으로 리턴하라는 것 같네요!

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

0

38

1

404 에러

0

104

1

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

0

121

1

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

0

240

0

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

0

195

1

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

0

1938

4

포스트맨에서 true가 안떠요

0

151

1

왜 안되나요

0

130

1

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

0

243

1

로그아웃 401 에러(Unauthorized)

0

506

2

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

0

151

1

7강중에서

0

167

2

User.findByToken is not a function

0

213

1

루트 디렉토리

0

275

1

useState

0

563

1

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

5

877

6

webpack 관련 에러 질문

0

221

1

리액트 관련 질문

0

275

1

14강 로그아웃 안됨

0

319

1

mongoDB 데이터 확인하는 법

0

411

1

postman 에러

0

295

1

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

0

236

1

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

0

275

1

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

0

380

1