ES6에서 가져온 객체를 내보내는 방법은 무엇입니까? 내보내고 싶습니다. 예를 들면 다음과 같습니다. import React from

유스 케이스는 간단합니다. 가져온 이름 그대로 객체를 내보내고 싶습니다.

예를 들면 다음과 같습니다.

import React from 'react';
export React;

그러나 이것은 작동하지 않습니다. 나는 써야한다 :

import React from 'react';
export const React = React;

그러나 이것은 이상하다. 이것을하는 올바른 방법은 무엇입니까?

업데이트 :

도움과 참조에 감사드립니다. 나는 많은 단서로 내 문제를 해결했습니다. 저와 솔루션에 대한 일반적인 사례를 공유하고 싶습니다.

import d, {obj} from '...';

export {obj, d};
export {obj as name1, d as name2};

export * from '...';
export * as name1 from '...';

export {a, b as name1} from '...';

export {default} from '...';

export {default as name1} from '...';

여러 파일을 구성하는 index.js 파일에서 종종 다음을 수행합니다.

export {default as SomeClass} from './SomeClass';
export {someFunction} from './utils';
export {default as React} from 'react';

이 블로그 항목 은 멋진 추가 예제를 제공합니다.

내 보낸 가져 오기에 액세스 할 때이 eslint 규칙을 알고 있어야합니다 . 기본적으로 다른 파일에서는 다음을 수행하면 안됩니다.

import SomeClassModule from 'SomeClass/index.js';
SomeClassModule.someFunction(); // Oops, error

이 작업을 수행해야합니다.

import SomeClassModule, {someFunction} from 'SomeClass/index.js';
someFunction(); // Ok

그런 구조로 가져온 파일을 내보낼 수 있습니다

import First from './First'
import Second from './Second'
/..../
export { First, Second }

유스 케이스의 경우 babel이 es7 코드를 es5로 변환 할 수 있도록 명시적인 import 문이 명시 적으로 필요합니다.

다음과 같은 오류가 발생합니다 You gave us a visitor for the node type "ForAwaitStatement" but it's not a valid type.

require( 'babel-core/register' ); //transpiles es7 to es5
export {default} from './module_name'

내 솔루션은 다음을 사용하여 명시 적으로 모듈을 가져 오는 것입니다 require().

require( 'babel-core/register' );
export default require( './module_name' ).default;

주어진 ./foo.js:

const Foo = class {
  talk() { return 'hello'; }
};

export default Foo;

그런 다음이 작업을 수행 할 수 있어야합니다.

import Foo from './foo';

let foo = new Foo();

foo.talk(); // => 'hello';

구문은 다음과 같이 commonjs module.exports 패턴을 따릅니다.

const Foo = class {

};

module.exports = Foo;

여기 더 :

당신은 export {React}그것을 통해 그것을 가져올 수 있어야합니다import {React} from ./module

IT HOW