导入未定义反应组分

我有以下两种方法来声明一个名为DashboardComponent一个反应成分。

export default function DashboardComponent() {
    return <div>test</div>
}

export default class DashboardComponent extends React.Component {
    render() {
        return <div>test</div>
    }
}

当测试这两个我评论了另一个。

问题是，当我用这个测试

import DashboardComponent from './main/dashboard-component';
console.log(DashboardComponent);

第一个返回function，第二个返回undefined。这究竟是为什么？

问题是我有一个循环依赖。

我有一个路线文件，在这里我输入DashboardComponent

import DashboardComponent from './main/dashboard-component';

const routes = [
    {
        label: 'Dashboard',
        path: "/",
        exact: true,
        component: DashboardComponent,
        icon: 'home'
    },
...
]

此外，我有包括航线DashboardComponent文件。这是从我以前的测试。卸下路线从DashboardComponent导入已解决了这个问题。