인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

찌니님의 프로필 이미지
찌니

작성한 질문수

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

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

밑의 질문 중 return 코드 의미에 대해 질문한 글을 보고 ...

작성

·

111

0

return 값으로 컴포넌트를 전달한다는 것은 알겠는데 컴포넌트를 전달할 때 <SpecificComponent />와 같은 형식으로 리턴해야하는 이유가 궁금합니다. 그냥 return SpecificComponent로 하면 안되는건가요?? Auth 로 감싸기 전에는 App.js에서 

<Route exact path="/" component={LandingPage} /> 인데 만약 컴포넌트 리턴 형식을 위에처럼 해야한다면 <Route exact path="/" component={<LandingPage/>} />  이렇게 바꿔써도 괜찮은건지 질문드립니다.   

답변 1

0

John Ahn님의 프로필 이미지
John Ahn
지식공유자

안녕하세요 찌니님   
이부분은 약간 규칙(약속)에 관한 부분인데요 .
다른 파일에서 만들어진 컴포넌트를 Import 해와서 사용할때는 항상 <컴포넌트 이름 />으로 해주셔야 사용가능합니다 
그래야지 그 안에 props들도 넣어서 사용가능하구요...

Route 같은 경우는

< 컴포넌트 이름/>이런식으로 해주시고 싶다면 

<Route path="/">

      <LandingPage />

</Route>

이런식으로 해주실수 있습니다 ~ ! 

찌니님의 프로필 이미지
찌니

작성한 질문수

질문하기