[react-native] 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에서 활성화 한 경우에만 작동합니다.


답변

나는 이유를 모르지만 이것이 나를 위해 작동합니다.

components / index.js :

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 '../components';


답변

모듈에서 모든 것을 다시 내보낼 수도 있습니다.

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 합니다.


답변