我有以下两种方法来声明一个名为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
导入已解决了这个问题。