围绕React组件包装ES6模块

Question

我正在使用react和ES6。

我有一个名为：

mainComponent.js 

要使用此上的其他文件我刚刚导入的组件。

我想现在做的是包装一个ES6模块内部成分（S），所以我只需要在模块上使用进口访问组件（S）

例如：

如果我有2个组件：

reactComponent1.js 
reactComponent2.js 

然后我想在wrapperModule.js

来包装这些2个组件

所以，如果我想使用这些组件我只是小鬼ort wrapperModule.js

这可能吗？如果是这样如何？

Answer 1

你可以使用这样的

wrapperModule.js 
export { ReactComponent1 } from 'path/to/reactComponent1' 
export { ReactComponent2 } from 'path/to/reactComponent2' 

并使用它在你的文件中像这样

import {ReactComponent1, ReactComponent2 } from 'path/to/wrapperModule'