저는 ES6 모듈 시스템을 처음 사용하기 때문에 어리석게 들릴 수 있습니다. NativeBase를 사용하는 React Native Starter App에서React 네이티브 앱에서 모듈 가져 오기
는, 사람은에서 가져 오는 파일, native-starter-kit/js/themes/base-theme.js 변수 myTheme을 export default 코드를 가지고 있지 않은 경우 native-starter-kit/js/components/home/index.js이
import myTheme from '../../themes/base-theme`;
을 할 수있는 방법을 설명 할 수 있습니까?
참조 할 두 번째 파일은 전체 내보내기 기본값입니다. 5 호선에 는 : 그들이 import myTheme from '../../themes/base-theme;을 수행 할 때
export default {
// Badge
badgeBg: '#ED1727',
badgeColor: '#fff',
...
}
그래서 myTheme은 가져온 모듈에 대해 선택한 변수 이름입니다. 이 경우, transpiler는 default 내보내기를 찾습니다.
만약 그들이 import { myTheme } from '../../themes/base-theme; 일을했다면 내보내기에서 명시 적으로 이름이 지정되지 않았으므로 문제가있었습니다. 이렇게하면 default 수출로 다스 려하지만 오히려 하나가 명시 적으로 myTheme
가 나는 느낌을 만들어 확실하지 않다 호출되지 않습니다, 당신은이라는 의미합니다
이 기본없이 내보내기 읽어 https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Instructions/import를 제공 할 수 있습니다을 보내십시오.
하나의 파일에 여러 개의 이름이 지정된 내보내기가있을 수 있습니다.
예 1 : 여기 export class Theme {}
당신은 정확한 이름을 사용하여이 수출을 가져올 수 있습니다. 다른 파일에서 다음
당신과 기본 수출로 내보내는 경우, export default class Theme {}
:
는이 작업을 수행해야 다른 파일에이 구성 요소, import { Theme } from '../../themes/base-theme'
예 2를 사용하려면 {}을 사용하지 않고 기본 내보내기를 가져 오려면 import Theme from '../../themes/base-theme'
파일 당 하나의 기본 내보내기 만있을 수 있습니다.
파일에서 하나의 구성 요소를 내보내고 내보내는 방법은 기본 내보내기입니다.
가져 오기 할 때 기본 내보내기 이름을 자유롭게 바꿀 수 있습니다. import myTheme from '../../themes/base-theme'