타입스크립트와 함께 React.lazy 사용하기

기존에 타입스크립트로 작성 전에는 아래처럼 작성했다.

const page1 = lazy(() => import('./page/page1'));

그러나 타입스크립트로 작성하면 작동되지 않아 찾아본 결과 아래처럼 작성하여 해결되었다.

const page1 = lazy(() =>
  import('./page/page1')
    .then(({ page1 }) => ({ default: page1 })),
);

그리고 불러오는 대상 파일에 export default class { ... } 이렇게 되어 있는 부분에서 default를 삭제하고 내보냈다.

Subscribe
Notify of
guest

이 사이트는 스팸을 줄이는 아키스밋을 사용합니다. 댓글이 어떻게 처리되는지 알아보십시오.

0 댓글
Inline Feedbacks
View all comments
TOP