圍繞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'