리액트 네이티브 export 문제

안녕하세요. 리액트 네이티브로 App 개발 공부를 하고 있다가 질문이 있어 글 적습니다.

react-navigation 으로 Tab 을 구현하고 있는데,
한 file 에서는 잘 되던 코드를 쪼개서 다른 파일로 옮겨서 import 하게 되면
Error 가 발생하고 있어서요…

image

위 코드는 잘 동작합니다.

그런데, BoardNavigator 를 다른 js 파일로 옮기고,export {BoardNavigator}; 를 하고
두번째 코드가 있는 js 파일에서 import {BoardNavigator} from ‘A.js’; 를 하면
아래와 같은 Error 가 발생합니다.

The component for route ‘Board’ must be a React component.
For example:

import MyScreen from ‘./MyScreen’;

Board: MyScreen,
}

제가 export, import 를 잘못 사용한걸까요…
답변 부탁드려요~~~

export default BoardNavigator;
————————

import Board from ‘./board’

형식으로 해보세요

export default 로 하니 동작합니다~~
감사합니다^^
근데 export 와 export default 가 차이가 나는 이유가 무엇인가요?

일단 대부분의 linting rule들에 한 파일당 하나의 export default를 권장하고 있구요, export default Something은 import Anything from ‘./something’, export Something은 import { Something } from ‘./something’ 으로 받아야 됩니다.

아 그런거군요~!! 답변 감사합니다!!

1 Like