导入未定义反应组分

问题描述 投票:0回答:1

我有以下两种方法来声明一个名为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。这究竟是为什么?

javascript node.js reactjs
1个回答
0
投票

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

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

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.