반응형
ES6, 가져온 모듈을 한 줄로 내보내려면 어떻게해야합니까?
가능한 경우 한 줄로 다음을 원합니다.
import Module from './Module/Module;
export Module;
다음을 시도했지만 작동하지 않는 것 같습니다.
export Module from './Module/Module;
export {default as Module} from './Module/Module';
Module
내보내기를 수행하는 모듈 내에서 사용할 필요가없는 한 표준 ES6 방식 입니다.
export Module from './Module/Module';
제안 된 ESnext 방법이지만 지금은 Babel에서 활성화 한 경우에만 작동합니다.
왜 그런지 모르겠지만 이것은 나를 위해 작동합니다.
index.jsx :
import Component from './Component';
import Component2 from './Component2';
import Component3 from './Component3';
import Component4 from './Component4';
export {Component, Component2, Component3, Component4};
다음과 같이 내보내기를 가져옵니다.
import {Component, Component2, Component3, Component4} from '../componets/index';
모듈에서 모든 것을 다시 내보낼 수도 있습니다.
export * from './Module/Module';
React Native 구성 요소의 경우이 구문이 저에게 효과적입니다.
export {default} from 'react-native-swiper';
따라서 쉽게 참조 할 수 있도록 디렉토리 index.js
의 루트에있는 즉시 내보내기 기능에 대해이 기능이 매우 잘 작동 함을 발견했습니다 components
.
import Component from './Component/Component'
import ComponentTwo from './ComponentTwo/ComponentTwo'
module.exports = {
Component,
ComponentTwo
};
을 사용해야 module.exports
합니다.
반응형
'developer tip' 카테고리의 다른 글
"|"를 사용하여 grepping (0) | 2020.10.09 |
---|---|
Webpack / Babel / React 빌드 오류 :“알 수없는 옵션 : foo / node_modules / react / react.js.Children” (0) | 2020.10.09 |
매초마다 React 컴포넌트 업데이트 (0) | 2020.10.09 |
SQL Server는 where 표현식에서 대소 문자를 무시합니다 (0) | 2020.10.09 |
iTunes Connect에서 앱 삭제 (0) | 2020.10.09 |