리액트 라우터2 강의 숙제부분 Outlet 질문있습니다.

[김영인]

(App.js)  


(event.js)

(프로젝트 폴더 및 파일)

(index.js)

(에러내용)

유사한 컴포넌트들을 폴더로 묶어두고
App.js에서 Event 컴포넌트를 import해서 사용하려고 합니다.
Event 컴포넌트를 App.js 파일 안에서 만들어 사용할땐 Outlet이 정상적으로 작동하지만
외부에서 import / export 할때는 Outlet이 정의되지 않았다는 오류가 출력됩니다.
구글링과 코딩애플게시판을 검색 해보아도 관련된 글을 찾을 수 없어 질문드립니다.

1. Outlet은 외부파일을 import할때는 사용할 수 없는건가요?
2. 사용할 수 있다면 Outlet을 별도로 export 해줘야하나요?

[김영인]

해결해냈습니다 선생님

해결방법은 export하는 event.js파일 상단에 import { Outlet } from 'react-router-dom'을 선언해주면 됩니다.

App 컴포넌트에서 Outlet을 import 해오더라도 event.js 안에서는 Outlet을 읽어내지못해 선언되지 않았다는 오류 같습니다.

[글쓴이]

글