如何在一个地方导出连接，组件和功能？ （只需要建议）

Question

问题：我在下面收到此错误。该错误意味着我没有正确导入或导出我的模块。

  

期望一个字符串（用于内置组件）或类/函数（用于复合组件）但得到：undefined。

• 我想在一个地方导入三种不同类型的模块。

  import {
      DrawerItem,
      DrawerItems,
      ToggleDrawer }         from '../elements/drawer'; <- calling directory.index
  

• 这是drawer / index.jsx。因此，我们可以在一个地方导入与抽屉相关的组件。

  export * from './drawer_header';
  export * from './drawer_item';
  export * from './drawer_items';
  export * from './drawer';
  export * from './toggle_drawer';
  

1）这是DrawerItem - 具有connect

的组件

class DrawerItem extends PureComponent {
...
const drawer_component = connect(
    ({ ui }) => ({
        is_portfolio_drawer_on: ui.is_portfolio_drawer_on,
        togglePortfolioDrawer : ui.togglePortfolioDrawer,
    })
)(DrawerItem);

export { drawer_component as DrawerItem };

2）这是DrawerItems - 普通组件

class DrawerItems extends PureComponent {
...
export default { DrawerItems };

3）这是ToggleDrawer - 普通组件

class ToggleDrawer extends React.PureComponent { 
...
export default { ToggleDrawer };

你看到有什么问题吗？会出现什么问题？

Answer 1

在default和ToggleDrawer导出时删除DrawerItems，如果您想像drawer/index.jsx

那样导入和导出它们