inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

무비디테일 페이지 props.match관련입니다.

256

Changmin Shin

작성한 질문수 1

0

안녕하세요. 영화 클론 영상 잘보고 배우고있습니다.

무비디테일 페이지에서 props.match를 해서 movieId를 받아 올 때

아래 사진처럼 undifined props가 나와서 헤매고 있습니다. 

구글에찾아본대로하자면라우터에서 component={(props)=><MovieDetail {...props} />의 형태로 넘겨받아서 하는데요

저렇게하면 정상적으로 props들이 넘어오지만 App.js안에서 moviedetail은 Auth를 사용하지못해 로그아웃를 눌어도

ladningpage에서는 로그아웃이 되었지만 moviedetail에서는 로그아웃이 안되는 현상도 나옵니다.

왜 props들이 넘어가질 않는 것일까요!...!

 

mongodb nodejs express 웹앱 react

답변 2

2

에셔

제가 어제 겪었던 문제와 같은 것 같아서 남겨요

boiler-plate를 기반으로 여러 강의를 찍다보니까 

이번 강의 이전에 다른 강의에서 코딩해 놓으신 내용이

포함되지 않아서 그런 것 같아요

/client/src/hoc/auth.js

에서

------ 내부함수 선언시 props 파라미터 추가-------

function AuthenticationCheck(){
-> function AuthenticationCheck(props){
--------------------------------------------------------
------ 내부함수 리턴 컴포넌트에 props 추가-------
return (
            <SpecificComponent /> 
       )
-> return (
            <SpecificComponent {...props} /> 
        )
-------------------------------------------------

https://github.com/jaewonhimnae?tab=repositories

여기는 강의하시는 분 깃헙 주소인데요

소스확인하실 수 있어요

저도 어제 props이 안 넘어가서 match가 죽어도 안 찍혀서

몇 시간 헤매다가 

깃헙주소 알게 되서 

직접 완성 소스 보고 수정했어요

나중에 막히는 부분 있으면 계속 참고 하려고요

도움 되셨으면 좋겠습니다~

0

김송우

와 감사합니다 ㅠㅠㅠ

1

Changmin Shin

너무 감사합니다 깃헙에서 리엑트 무비 앱 -ko쪽만 뒤져보고 있었는데 유튜브클론 hoc에서는 위와같이 되어 있네요 

정말 감사합니다.

에러서 요렇게만 해보세요

0

228

1

antd Menu 질문

0

258

1

movieTitle

0

218

1

npm run dev 연결이 안됩니다ㅜㅜ

0

410

1

npm run dev 오류

0

855

1

403 forbidden error

0

1067

2

npm run dev 오류

0

696

1

모듈이 없다는데요

0

1277

1

npm run dev 실행시 오류

0

5367

1

504 Gateway Timeout Error

0

1448

1

컴파일 에러 관련 문의

0

504

1

npm run dev 오류

0

760

1

이미지가 안떠요...

0

369

2

npm run dev 실행하고 인증이 안되는거 같아요

0

531

1

cd client에서 npm install 오류

0

1418

1

npm run dev시 localhost가 자꾸 3000으로 연결됩니다

0

972

1

Netlify + AWS Elastic Beanstalk 를 이용한 배포

1

1785

1

[nodemon] app crashed - waiting for file changes before starting... Error occurred while proxying request localhost:3000/api/hello to http://localhost:5000/ 해결법

0

460

0

지금 듣기엔 안되는 강의일까요?

0

717

1

사진이 2개 2개씩 다른줄에 나와요 ㅠㅠ

0

428

1

비동기 처리가 영상과 다르게 됩니다..

0

247

0

#2강 npm install

0

768

4

LandingPage.js 내 useState(null) 이용하는 이유

0

226

0

client 부분에 App.js 와 Config.js 위치가 다른데 상관없는 것인가요?

0

382

1