Как экспортировать импортированный объект в ES6?

Вариант использования прост: я просто хочу экспортировать объект с именем так же, как он был импортирован.

например:

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 }

Для моего случая использования мне явно нужны какие-то явные операторы import, чтобы babel могла перенести мой код es7 в es5.

Следующее приводит к ошибке 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;

Больше здесь:

http://exploringjs.com/es6/ch_modules.html

Вы должны быть в состоянии сделать export {React}и импортировать его черезimport {React} from ./module

См. Https://developer.mozilla.org/en/docs/web/javascript/reference/statements/export для получения дополнительной информации.