如何在ES6导出导入对象？

Question

用例很简单：我只想导出一个名称与导入时相同的对象。

例如：

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

Answer 1

对于我的用例，我显式地需要某种显式导入语句，以便babel能够将我的es7代码传输到es5。

以下操作会导致错误您给我们提供了节点类型ForAwait语句的访问者，但它不是有效类型：

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

我的解决方案是使用require（）显式导入模块：

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

Answer 2

您可以导出导入的文件与这样的结构

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

Answer 3

我经常在组成多个文件的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