Come esportare oggetti importati in ES6?

Il caso d'uso è semplice: voglio solo esportare un oggetto con il nome così come è stato importato.

per esempio:

import React from 'react';
export React;

Ma questo non funziona. Devo scrivere:

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

Ma questo è strano. Qual è il modo giusto per farlo?

AGGIORNATO :

Grazie per aiuto e referenze. Ho risolto il mio problema con molti indizi. Vorrei condividere alcuni casi comuni per me e le soluzioni.

importazioni all'esportazione

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

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

riesportare tutte le importazioni denominate

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

riesportare alcune importazioni denominate

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

riesportare l'importazione predefinita come esportazione predefinita

export {default} from '...';

riesportare l'importazione predefinita come esportazione denominata

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

Faccio spesso quanto segue nei file index.js che compongono diversi file:

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

Questo post sul blog fornisce alcuni esempi aggiuntivi.

Nota importante

È necessario essere consapevoli di questa regola eslint quando si accede a queste importazioni esportate. Fondamentalmente, in un altro file, non dovresti:

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

Dovresti fare questo:

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

È possibile esportare file importati con tale struttura

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

Per il mio caso d'uso, ho esplicitamente bisogno di una sorta di dichiarazione esplicita di importazione in modo che babel possa trascrivere il mio codice es7 in es5.

Di seguito viene generato un errore 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'

La mia soluzione era importare esplicitamente il modulo usando require():

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

Dato ./foo.js:

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

export default Foo;

Quindi dovresti essere in grado di fare questo:

import Foo from './foo';

let foo = new Foo();

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

La sintassi segue più o meno il modello commonjs module.exports, dove si farebbe questo:

const Foo = class {

};

module.exports = Foo;

Più qui:

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

Dovresti essere in grado di farlo export {React}e importarlo tramiteimport {React} from ./module

Vedi https://developer.mozilla.org/en/docs/web/javascript/reference/statements/export per maggiori informazioni.