将 ES6 模块包裹在 React 组件周围答案

【问题标题】：Wrap ES6 Module around React Component将 ES6 模块包裹在 React 组件周围
【发布时间】：2017-08-01 09:30:18
【问题描述】：

我正在使用 react 和 ES6。

我有一个文件名为：

mainComponent.js

要在其他文件上使用它，我只需导入组件。

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

例如：

如果我有 2 个组件：

reactComponent1.js
reactComponent2.js

然后我想把这2个组件包装在wrapperModule.js中

所以如果我想使用这些组件，我只需导入 wrapperModule.js

这可能吗？如果有怎么办？

【问题讨论】：

【解决方案1】：

你可以这样使用它

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

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

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

【讨论】：