如何在一个地方导出连接、组件和功能?(只是需要建议)

问题 :我在下面得到这个错误。错误意味着我没有正确导入或导出模块。

应为字符串(用于内置组件)或类/函数(用于复合组件),但得到:未定义。

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

  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)这里是drawritem——组件 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)这里是切换抽屉-正常组件

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

你看到什么问题了吗?问题是什么?