How to export imported object in ES6?

Question

The use case is simple: I just want to export an object with the name just as it was imported.

for example:

import React from 'react'; export React; 

but this does not work. I have to write:

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

But this is odd. What is the right way to do this?

UPDATED:

Thanks for helps and references. I have solved out my problem with many clues. I'd like to share some common cases for me and the solutions.

export imports

import d, {obj} from '...';  export {obj, d}; export {obj as name1, d as name2}; 

re-export all named imports

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

re-export some named imports

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

re-export default import as default export

export {default} from '...'; 

re-export default import as named export

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

Answer 1

I often do the following in index.js files that compose several files:

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

This blog entry provides some nice additional examples.

Important note

You should be aware this eslint-rule when accessing these exported imports. Basically, in another file, you shouldn't:

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

You should do this:

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