import문이 너무 길어서 문제시군요. 이렇게 해보는 건 어떨까요? ``` 📦order ┣ 📜OrderOne.tsx ┣ 📜OrderThree.tsx ┣ 📜OrderTwo.tsx ┗ 📜index.ts ``` order 폴더가 있고 그 안에 OrderPage 컴포넌트들이 들어가 있다고 치면 거기에 index.ts를 만들어서 페이지들을 export 처리해줄 파일을 만들어요. 그리고 현재 작성자분께서 Route들을 설정해준 App 컴포넌트에서 index.ts를 가져와서 사용하면 됩니다. 제가 사진을 첨부할테니 참고하시고 이해가 안가면 다시 질문주세요! 첫 번째 사진이 order 폴더에 index.ts 입니다. 두 번째 사진은 저런식으로 Page 컴포넌트를 불러서 사용할 수 있어요. 그럼 지금 settings 폴더에 index, order 폴더에 index, pickup 폴더에 index를 각각 만드셔서 App 컴포넌트에서는 "import * as SettingsPage from './settings';" 이런식으로 불러서 <Settings.EditProfile /> 이런식으로 사용할 수 있어요! 그리고 import와 export에 관한 자세한 내용은 요기를 참고해보세요. https://ko.javascript.info/import-export 감사합니다!

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2023년 1월 16일 오후 5:38

댓글 0