围绕React组件包装ES6模块

Question

我正在使用react和ES6。

我有一个名为：

的文件

mainComponent.js

要在其他文件上使用此功能，我只需导入该组件。

我现在要做的是将组件包装在ES6模块中，这样我只需要在模块上使用import来访问组件

例如：

如果我有2个组件：

reactComponent1.js
reactComponent2.js

然后我想将这两个组件包装在wrapperModule.js

中

因此，如果我想使用这些组件，我只需导入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'